Hi crazy cats, its very late, I'm very tired and I have the answer to this question somewhere (I think in 1 of my folders). Spent 5 mins looking for it but cant find it so maybe by posting it'll help someone else out in the future! Ok, no worries doing a horizontal css dropdown... How about 1 that changes individual colour of each <li> background? You know, eg: forum jumps bg would be green, user cp's yellow, fun stuff's red etc. Whats the easiest/best way to do this without setting a specific class to each <LI> Thanks, Leo
CSS3 How about XSLT? Seriously though, there is no way with what you have available apart from using a class for each one.
Adjacent selectors should do the trick nicely. li { color:red; } li+li { color:blue; } li+li+li { color:green; } etc, etc, etc. Doesn't work in IE 6.x or earlier though. Works in FF, Opera, Safari AND IE7 - but no 6.
I forgot to mention that when hovered they turn a different colour too.... its a separate class issue, right?
Well you could do li+li:hover but IE6 and under doesn't allow li:hover. Not to mention it still uses adjacent selectors which IE6 also does not support.