By tomsherlock on

I spent the last two days chasing windmills. I could not get the list item "bullet" to disappear for unordered lists no matter what i did.
I set list-style to none. I set list-style-type to none. I set list-style-image to none. The bullets would not disappear! I check style.css, system.css and other base cascading style sheets.

Finally, i stumbled upon background-image, frantically set it to none and: voila! The bullets dis-a-ppeared.

I'm using Safari and Firefox on Mac and Firefox on Windows.

⋅ Categories: Drupal 6.x

Comments

Anonymous’s picture

Anonymous (not verified) commented

lists are tricky to style since there behaviour is rather browser specific.
Maybe you could try setting list-style-type: none to both the ul and the li.

samwich’s picture

samwich commented

Just a tip if you are going to be debugging/modifying CSS in the future: What might have been helpful is using the firebug extension for firefox. It allows you to hover over any html element you want and it will display the applied CSS rules. The fact that a background image was applied would have been more obvious.

pbarnett’s picture

pbarnett commented

It isn't! see http://drupal.org/node/550068

Pete.