Luke,<div><br></div><div>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.</div>
<div><br></div><div>Shai<br><br><div class="gmail_quote">On Sat, Feb 27, 2010 at 6:58 PM, Luke <span dir="ltr"><<a href="mailto:drupal@lists.tacticus.com">drupal@lists.tacticus.com</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex;">
(Don't get your hopes up--this is probably not an answer)<br>
<div class="im"><br>
On Fri, 26 Feb 2010, Shai Gluskin wrote:<br>
<br>
> I'm using nice menus. Primary nav has a background for a hover state. Some<br>
> of the primary navs have children which are drop-downs as implemented via<br>
> Nice Menus.<br>
><br>
> The problem I am having is that I want the hover state for the primary nav<br>
> to stick when using the drop down. Right now, when you mouse down over the<br>
> dropdown links the hover state disappears.<br>
><br>
> The relevant css is:<br>
><br>
> #primary ul a {<br>
> background-color: #ffffff;<br>
> }<br>
><br>
> #primary ul a:hover {<br>
> background-color: #e7e7e7; // I want this declaration to stick, even when<br>
> the children are being hovered over!<br>
> }<br>
<br>
</div>If you mean what I think you mean, I have not heard of a way to do this in<br>
CSS. Maybe some javascript to run onmouseover of the children, which<br>
temporarily changes the main "#primary ul a" element, switching<br>
"background-color: #ffffff;" for "background-color: #e7e7e7;"?<br>
<div class="im"><br>
> #primary ul li ul li a {<br>
> background-color: #e7e7e7;<br>
> }<br>
><br>
> #primary ul li ul li a:hover {<br>
> color: #ffffff;<br>
> background-color: #0f6cb6;<br>
> }<br>
<br>
</div>I'm a little lost here, having not used the module and being a little<br>
rusty on my CSS, but would deleting this last block do it for you?<br>
<br>
Luke<br>
<font color="#888888">--<br>
[ Drupal support list | <a href="http://lists.drupal.org/" target="_blank">http://lists.drupal.org/</a> ]<br>
</font></blockquote></div><br></div>