I'm working on two knotty problems with a drop down menu system using P7's
tab menu magic.
http://www.language-works.com/ANSIRH/template_about2.htm
The first is that when you hover over one of the top nav items (e.g. About,
research & other work, etc.) you get a drop down menu -- I'd like to have a
top border on that but only up to the vertical grey border - so that it
looks like an "L" and not a box sitting under a nav item. I was thinking to
do a negative margin and set a z-index to hide the bottom layer, but my
experiments have yielded no success.
The second issue is that I want to have a 31px color border at the top of
each primary item (About, Research, etc) when you hover over that - but
whereas I have split out each of the items for the -- li a-- definitions, I
cannot seem to figure out where to do the hover to make that
element-specific. It looks like it's on line 73
/*
The Root Level Hover. This also locks the Hover state while
the root item's associated sub-menu is visible.
DO NOT CHANGE SELECTOR NAMES*/
.p7ie6Fix:active,
#p7TBMroot .p7TBMtext .p7TBMon,
#p7TBMroot .p7TBMtext li a:focus,
#p7TBMroot .p7TBMtext li a:active {
}
I started working on this in Pop menu magic as an alternative,
http://www.language-works.com/ANSIRH/template_about3.htm but I don't like
it as well for other reasons. Also, it cuts off the last item (news).
Does anyone have any suggestions?
Anne
______________________________________________________________________
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/
