Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Jul 2008
    Posts
    8
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Drop-Down Sub Menu Display

    Hey, I'm trying to implement a popout menu that displays when a specific class of li element is hovered over. Does anyone know how I would get submenuul to display when class submenuli2 is hovered over? I don't want to get into why, but I can't change the submenuul ul class name and that's where I'm having a problem because I don't think I'm going down the tree ancestor-descendant tree correctly. Thanks if anyone can help.

    ---------------------------HTML---------------------------------

    <div id="nav">
    <ul class="menu1">
    <li class="menu1item"><a href="#">Item 1</a>
    <ul class="submenuul">
    <li class="submenuli"><a href="#">Sub Item 1</a></li>
    <li class="submenuli2"><a href="#">Sub Item 2</a>
    <ul class="submenuul">
    <li class="submenuli"><a href="#">Sub Sub Item 1</a></li>
    </ul>
    </li>
    </ul>
    </li>
    </ul>
    </div>

  • #2
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    http://www.htmldog.com/articles/suckerfish/dropdowns/

    Check out the multiple level ones.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • Users who have thanked _Aerospace_Eng_ for this post:

    All Beagle (07-12-2008)

  • #3
    New to the CF scene
    Join Date
    Jul 2008
    Posts
    8
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Thanks aero for the link. I found my solution.

    #nav li.submenuli2 ul {
    /*hide the subnav*/
    display: none;
    }

    #nav li:hover.submenuli2 ul {
    /*shows the subnav*/
    display:block;
    }


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •