On Mar 14, 2009, at 2:26 PM, Anne E. Shroeder wrote:
> I've put a bit of a hack in my CSS to achieve a "current" state on
> my top
> horizontal navigation -- I'm using the Multilevel navigation plugin in
> wordpress, which uses a version of suckerfish. The issue is that
> while the
> "current" state is working fine for the top level, it is cascading
> down to
> the sub levels as well. Please see
> http://www.indivumed.com/wp.indivumed.com/?page_id=69 for an
> example --
> hovering over "Products and Services", the sub menu item "Full
> pathology
> service" is highlighted in the same dark blue - but if should be
> highlighted
> with a light blue. My code:
>
> #suckerfishnav li.current_page_item,
> #suckerfishnav li.current_page_parent,
> #suckerfishnav li.current_page_ancestor
> { background:#4c90cc ; } // dark
> blue background
> #suckerfishnav ul li ul li.current_page_item,
> #suckerfishnav ul li ul li.current_page_parent,
> #suckerfishnav ul li ul li.current_page_ancestor {
> background:#e4e7f3; } // light blue background
that second block has one ul too much :-)
it should be
#suckerfishnav li ul li.current_page_item,
#suckerfishnav li ul li.current_page_parent,
#suckerfishnav li ul li.current_page_ancestor {
background:#e4e7f3; }
You probably even can simplify to
#suckerfishnav li li.current_page_item,
or
#suckerfishnav ul li.current_page_item,
Philippe
---
Philippe Wittenbergh
http://l-c-n.com/
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
