Grow your CSS skills. Land your dream job.

CSS Drop Down Nav Bar Menu

  • # February 14, 2010 at 5:15 pm

    There seems to be an issue with my drop down nav bar menu and after working with it not sure what the cause is. Anyone else able to pinpoint the issue?

    http://kansasoutlawwrestling.com/v3/index.php

    # February 15, 2010 at 10:52 am

    The navigation is calling ul#nav2 which you haven’t styled. You have styled #nav ul li etc.

    # February 15, 2010 at 11:33 am

    Okay I changed some things around so that I only have to worry about the first main menu headings first.

    How does it look now?

    # February 15, 2010 at 3:40 pm

    I think I have it looking pretty good now however I’m having issues with the positioning of the submenus. Anyone guide me to how to improve it.

    # February 15, 2010 at 5:01 pm

    Change

    Code:
    #nav ul li ul {
    display:none;
    position:absolute;
    top:0;
    }

    To

    Code:
    #nav ul li ul {
    display:none;
    position:absolute;
    top:0;
    margin-top: -10px;
    }
Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".