Gang,
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! }
#primary ul li ul li a { background-color: #e7e7e7; }
#primary ul li ul li a:hover { color: #ffffff; background-color: #0f6cb6; }
Help would be much appreciated.
Shai
(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
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/ ]
-
Luke -
Shai Gluskin