I sent this yesterday, and received no response. I realize now that
Sunday afternoons are probably a bad time to have sent this, so I
figured I would try sending it in again. Hopefully someone will have
some insights for me.
> I am trying to create CSS based navigation for a friend who wants to
> minimize graphics on his site, yet doesn't want plain "boxes" for the
> navigation. Based primarily from project six in "More Eric Meyer on
> CSS" I have been working on creating pop-ups for the navigation.
> Being fairly new to CSS, I have run into some issues I can't seem to
> figure out. Here are the issues I have been having:
> 1) To create more of a button effect for the navigation, I was going
> to use borders. If I placed the border on the "<li>" then as you try
> to mouse over to the submenu, they disappear. The only thing I could
> figure out was that the border doesn't count as part of the element
> for the hover effect so as you cross it, the hover effect turns off
> (in this case, the submenu).
> 2) To overcome problem #1, I then put the border on the "<a>" element
> within the "<li>". This seems to work fairly well with one problem.
> I change the border color on the hover effect of the "<a>" to match
> the background change with the "<li>" hover effect. The problem is
> that when you move the focus onto the submenu, the border reverts back
> to the original color while the background does not. This makes sense
> as the submenu is part of the "<li>" element, not the "<a>" element.
> Is there any way I can get the desired effect by fixing one of the two
> above issues?
> 3) In Win/IE 6, as I mouse over the items that contain another "<ul>",
> a space appears below the item. I haven't been able to figure out
> what is causing that and how to remove it.
> Page: http://menu.kmmedical.org
> CSS: http://menu.kmmedical.org/test.css
> Thanks in advance for any help you can provide.
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/