CSS problem

[sumacbob]

I`ve embedded a css based drop down menu into my vbulletin board. It renders fine, well it did until I checked in IE6 and the font colors are mixed up in the menu.

After digging around, it appears the LI attributes are clashing. The Vbulletin css use LI attributes and so does my menu. For some browsers, it is using the menu css (and it`s LI) however, in IE6 and maybe others it is using the VB LI attributes for the menu hence the colors are wrong.

I could simply remove the menu li and rely on the vb css, however I need to the two different font colors. The board has a light background with dark fonts, but the menu is black with light fonts.

Did anyone make sense of what I`m going on about? :erm:

[Tact7626]

I think I do. I'm not 100% sure, but maybe if you havne't done so already, maybe if you give your divs (you're using divs right) a class name or an id name, that vb doesn't use, maybe it'll make vb stop trying to assign it colors.

also. the only css i'm confortable doing within the templates are when i apply the styles inside each div itself. and not in the header or a seperate stylesheet. um. perhaps doing this would be better?

these are just my thoughts. I hope they help a bit. :)

[Sean S]

why don't you assign a name to the new class or id for the menu?

for example, do this,


#menu ul {
...
}

#menu li {
...
}

#menu li a {
...
}


and then assign the id to the menu,


<ul id="menu">
<li>Link</li>
</ul>


this way, the browser knows which LI style it should read,

hope that helps.

[Tact7626]

yah. there we go. that's kinda what i meant. (except i didn't know you can do that with other html tags. :p)

do what sean says. sounds good. :)