Anne:
Have you considered using Fireworks to create a drop down menu?
More precisely, the other versions. It was great for creating the necessary
graphics.
It was generated in tables, but I bet the new one could generate it in
divs.
Then you could use it as is, or tweak (i.e. streamline) the css as you
needed.
Julaine
-Original Message-
From: css-d-boun...@lists.css-discuss.org
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Anne E. Shroeder
Sent: December-12-08 8:51 PM
To: css-d@lists.css-discuss.org
Subject: [css-d] Project 7 tab menu - individualized bars
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/
__
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/