Last post Sep 18, 2006 09:06 AM by Russ Helfand
Sep 18, 2006 04:25 AM|erisan500|LINK
I can't seem to figure this one out. What I would like to do is style the 1st level of the menu differently from it's children.
(1st level should have white background, blue text, silver hover background and blue hover text color, while the submenus should have blue background, white text, silver hover and blue text color).
The 1st level is ok, but i can't get the children have white text (blue background and silver hover is working).
This is what i tried for the childrens white text:
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul
Thanks in advance,
Sep 18, 2006 09:06 AM|Russ Helfand|LINK
The rule that you posted above ought to work... but I bet that the color it is setting for text (White) is being superceded by another CSS rule in your style sheet. Look at the rules that govern the color used for A, SPAN and/or LI in the second UL and
beyond. I know, this can get tricky because interpretting CSS selectors in rules isn't trivial. If you get stuck, post all of the menu CSS that you are using and I'll try to help you post which rule(s) you need to modify. Or, if you are pretty much using
the menu style sheet that comes in the kit (MenuExample.css) then say so and I'll simply reference rules found in there.
Just so you relax... I'm quite confident we'll figure our which rules to modify to achieve what you are looking to do. It's just a matter of carefully selecting which rules trump which other rules as far as the text color is concerned.