CSS list-style bug with IE
gaele - June 8, 2007 - 00:46
At www2.caerleon.nl I'm developing a site with a specially styled menu. Primary links and secondary links are placed in two columns next to each other (with absolute positioning). Both have "list-style-type:none". Nevertheless both IE6 and IE7 show bullets in front of the secondary links.
ie.css:
ul {
list-style-type: none;
list-style-image: none;
}
ul.menu li.expanded ul.menu {
list-style-type: none;
list-style-image: none;
}
Any ideas?
Gaele
Do a view source and see
Do a view source and see what class the lists in question are using, sometimes you need to be very specific in your overrides otherwise something else very helpfully styles the things for you from a far distant stylesheet.
If it was just 6 I'd wonder if it for some reason couldn't understand list-style but 7 doesn't really have any excuses.
heh.
ULs don't have bullets in the first place. They may have indents and layout properties, but not dots.
It's the LI you need to remove the list-style-images from.
Think about it.
;-)
.dan.
How to troubleshoot Drupal | http://www.coders.co.nz/
Fixed it
Thanks to both of you.
This fixed it:
ul.menu li.expanded ul.menu li {
Menu Classes
Also, don't forget to reference the .leaf class as I know IE6/7 require it to be explicit with each class.
---
Shane Birley
Left Right Minds
http://www.leftrightminds.com