list bullets went byebye

[Extinct]

Hi,

Now here's a strange one. I have a 2 column layout with floated divs. in the left column I have my navigation based on an ul with list-type:none; like so.

#leftcol ul {
list-style: none;
margin:10px 0 10px 10px;
}

So I have no bullets, which is what I want, so all's well.

Now in the right column which is strangely called #container. I also have an unordered which is supposed to have bullets. Noticed the "supposed" there?

So I removed the list-style: none; in the rule above. Guess what : the bullets still won't show.

So I now have 2 ul on my page and no list styling nowhere in the style sheet, and still no bullets.

When I cut the link to the stylesheet (hence no styling) I see the bullets. So they are definatly there.

Does anyone have any idea where the bullets have gone to? This is in IE6 by the way.

 

[BabyJeffy]

This is because you set the margin-left of the ULs to 0 in your CSS. Set the margin-left to 20px (for instance) and you ought to see them arrive again. Make sure you test this in FF as well as IE

Cheers,
Jeff

[tt]Jeff's Page @ Code Couch

http://www.codecouch.com/jeff/

http://www.codecouch.com/jeff/blog/

[/tt]

What is Javascript? FAQ216-6094

 

[Extinct]

Indeed it is a margin/padding thing. I found it myself in the mean time.
I actually solved it by setting list-style-position:inside; on the ul.