Luke,

Thanks so much. Your suggestion at the bottom was perfect. It didn't bring the effect I was going for, but it produced a really clean look. My concept there was unnecessarily complex and the results that came about from your suggestion are perfect.

Shai

On Sat, Feb 27, 2010 at 6:58 PM, Luke <drupal@lists.tacticus.com> wrote:
(Don't get your hopes up--this is probably not an answer)

On Fri, 26 Feb 2010, Shai Gluskin wrote:

> I'm using nice menus. Primary nav has a background for a hover state. Some
> of the primary navs have children which are drop-downs as implemented via
> Nice Menus.
>
> The problem I am having is that I want the hover state for the primary nav
> to stick when using the drop down. Right now, when you mouse down over the
> dropdown links the hover state disappears.
>
> The relevant css is:
>
> #primary ul a {
> background-color: #ffffff;
> }
>
> #primary ul a:hover {
>  background-color: #e7e7e7; // I want this declaration to stick, even when
> the children are being hovered over!
> }

If you mean what I think you mean, I have not heard of a way to do this in
CSS. Maybe some javascript to run onmouseover of the children, which
temporarily changes the main "#primary ul a" element, switching
"background-color: #ffffff;" for "background-color: #e7e7e7;"?

> #primary ul li ul li a {
>  background-color: #e7e7e7;
> }
>
> #primary ul li ul li a:hover {
>  color: #ffffff;
>  background-color: #0f6cb6;
>  }

I'm a little lost here, having not used the module and being a little
rusty on my CSS, but would deleting this last block do it for you?

Luke
--
[ Drupal support list | http://lists.drupal.org/ ]