Posted by Jonathan N. Little on 03/11/07 06:04

Jonathan N. Little wrote:
> keytostars wrote:
>> I can't quite figure this out. I want to have a horizontal list. In
>> IE this looks fine. In FF the list is horizontal until I click on it,
>> and then it is vertical, and them sometimes randomly when I go to the
>> site, it will be vertical until I click the an item on the menu. Help
>> would be appreciated. Thank you!
>>
>> http://drfujimoto.com
>>
> Is this your URL in question? List what list? You've got the links in
> the column of a table cannot be horizontal unless you change the table,
> or is this just some lame ploy to drive traffic to this periodontist's
> site?
>

Okay now I see it, so deeply nesting in TABLEs and DIVs I missed it at
first. That is part of the problem, way too many containers, and your
css is also complicated and contradictory at times:

/* language lists with UL (names & images) */

ul.jflanguageselection
{
float: right;
<<Let's see your float the UL to the right>>
....



ul.jflanguageselection li
{
display: inline;
<<Then make LIs inling, ok>>

background-image: none;

padding-left: 0px;

padding-right: 0px;

float: left;
<<Now your make them a block again by floating to the left!>>

margin: 1px 1px 1px 1px;

white-space: nowrap;

border: none;

}



ul.jflanguageselection li a

{
list-style-type: none;
<<A elements do not have a list-style-type property, this doesn't do
anything>>

}

You have a lot going on here. I would pare away the excess and simplify,
would make debugging easier and end product better.

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

[Back to original message]