www.webdeveloper.com
Results 1 to 4 of 4

Thread: CSS Menu

  1. #1
    Join Date
    Mar 2005
    Location
    Manchester, England
    Posts
    10

    Question CSS Menu

    Hello,
    I'm having a small problem with my CSS menu. It a vertical menu made with from a nested list.
    When you hover over the first level items, the second level items appear to the right.
    The last link in the second level does not work. it sticks out the bottom of the menu, is that the problem and can i fix it.

    Any help would be greatly appreciated

    Thanks

    Vicky

  2. #2
    Join Date
    Dec 2009
    Posts
    24
    can you give us a link or show the code

  3. #3
    Join Date
    Mar 2005
    Location
    Manchester, England
    Posts
    10
    The CSS looks like this:

    #nav, #nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    float : left;
    width : 8em;
    padding-left:10px;
    }

    #nav li {
    position : relative;
    float : left;
    line-height : 1.5em;
    margin-bottom : -0.5px;
    width: 8em;


    }

    #nav li ul {

    position : absolute;
    left: -999em;
    margin-left : 7.9em;
    margin-top : -1em;
    padding-left:0px;
    border-top:thin solid #0d0046;

    }

    #nav li a {
    width: 8em;
    w\idth : 7em;
    display : block;
    padding : 0 0.5em;
    text-decoration:none;
    border-bottom: thin solid #0d0046;
    background-color:#fff;
    color:#0d0046;
    }
    #nav li:hover ul {
    left: auto;
    }

  4. #4
    Join Date
    Mar 2005
    Location
    Manchester, England
    Posts
    10

    resolved

    Wait, sorry, it does work

    I'm a dick thats all

    My apologies for wasting all your time

    Vicky

Thread Information

Users Browsing this Thread

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

Tags for this Thread

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