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/