www.webdeveloper.com
Results 1 to 2 of 2

Thread: Drop down menu issue

  1. #1
    Join Date
    Nov 2008
    Location
    Niagara Falls, Canada
    Posts
    350

    Drop down menu issue

    If you look here: http://cmw.net/conferences/radio-interactive-summit/ and focus on the top menu, hover over the word "international" and you will see the drop-down appear. The issue is that the 3rd level drop-down is appearing also (it should only appear when the last item in the 1st sub-menu is rolled over (2013 Focus Spotlights).

    I can hide the 3rd level menu by doing this:

    Code:
    ul.dropdown ul li ul li {display:none;}
    However, I can't seem to make it re-appear when the 2013 Focus Spotlights menu item is rolled over.

    I tried this, but it didn't work:

    Code:
    ul.dropdown ul li ul li:hover {display:block;}
    Any assistance would be appreciated.

  2. #2
    Join Date
    Sep 2013
    Posts
    221
    In the IE7 stylesheet you have set the dropdown ul to be position:relative and it needs to be position:absolute. You need to remove the IE7 styles completely and use these:

    #menu ul li ul {
    position:absolute;
    left:10px;
    top:35px;
    background:url(fake.gif);/* IE7 needs this or it won;t move over the gaps in the menu */
    }
    #menu ul li{position:relative}
    #menu ul li ul li {width:200px}
    #menu ul li:hover > ul {display: block;}

    Hope this helps.
    strad solutionswww.stradsolutions.com

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles