Dan Smith wrote:
> I'm trying to adapt the suckerfish dropdowns for a Drupal menu structure,
> which is a series of
> nested unordered lists.
>
> My aim is to make the first 2 lists invisible, keep the 3rd list as the main
> navigation, and have
> 4th level elements as dropdowns within their parent item.
>
> My problem is that the hover-triggered dropdown is appearing on every 3rd
> level list item. See:
>
> http://www.dansmithdev.com/helena/node/6
>
> I suspect I'm incorrectly selecting the element which triggers the hover
> behaviour, which is the
> line:
>
> #nav li:hover ul.menu ul.menu ul.menu, #nav li.sfhover ul.menu ul.menu
> ul.menu {
> left: auto;
> }
>
> I'm not experienced enough with the CSS syntax to know what to look for. If
> anyone has any advice
> it would be very gratefully received.
>
> Many thanks
>
> Dan
You need to select the 3rd generation <li> list item instead of the top list
item. I find all those class names doing nothing. Why are they there? My big
question is why are you hiding the 1st and 2nd generations of this list?
#nav ul ul ul ul {
position: absolute;
width: 10em;
left: -999%; /* change */
}
#nav ul ul ul li:hover ul, #nav ul ul ul li.sfhover ul {
left: auto;
}
The change to left: -999% having a percentage is to stops the sticky hover bug
in IE7.
Kind regards, Alan
<http://css-class.com/>
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
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/
