|
|
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
Navigation:
[Reply to this message]
|