#1
  1. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Oct 2005
    Posts
    67
    Rep Power
    14

    Really need help with css menu


    I got a css menu from here http://www.pixeline.be/downloads/index.php

    and have the first menu working (Profile) but cannot get the other 2 to work in the same way.

    Im pretty sure its an easy solution, but my head is mush right now and i cant figure it out.

    Any help would be much appreciated......

    url of the site is http://www.peteromoore.com/site3/test1.htm

    and the css code i have used for the drop down menus is

    #rollovermenu{
    padding:0px;
    width:100px;
    border:0px solid #ffffff;
    border-color: #FFFFFF #FFFFFF #ffffff #ffffff;
    background-color:#ffffff;
    }

    #rollovermenu, #rollovermenu ul { /* all lists */
    padding: 0;
    margin: 0;
    list-style: none;
    }
    #rollovermenu ul{
    border:0px solid #ffffff;
    border-color: #FFFFFF #FFFFFF #ffffff #ffffff;
    background-color:#D7272A;
    width:100px;
    padding-bottom:0px;
    }

    #rollovermenu ul a:link, #rollovermenu a:visited {
    display: block;
    border:none;
    text-decoration:none;
    padding:0px 00px;
    height:5px;
    }
    #rollovermenu ul a:hover, #current a{
    background:#D7272A;
    color:white;

    }
    #rollovermenu li { /* all list items */
    position: relative;
    text-align: left;
    cursor: default;
    padding:0px 0px;
    margin:0px;
    color:#ffffff;
    }

    #rollovermenu li ul { /* second-level lists */
    position: absolute;
    border:0px solid #ffffff;
    border-color: #f7f3f3 #FFFFFF #ffffff #ffffff;
    background-color:#ffffff;
    left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
    }

    #rollovermenu li:hover ul, #rollovermenu li.sfhover ul { /* lists nested under hovered list items */
    left:1px;
    top:15px;
    }

    li#invite {
    text-align:left;
    font-family: Arial, Helvetica, san serif;
    text-decoration: underline;
    text-transform: none;
    font-size:9pt;
    margin: 0 0 0px 0px;
    padding:0px 0 0 0;
    color:black;
    }
  2. #2
  3. King of RGB
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jan 2004
    Location
    brussels
    Posts
    398
    Rep Power
    16
    i think this line is the problem:

    #rollovermenu ul a:link, #rollovermenu a:visited {
    display: block;
    border:none;
    text-decoration:none;
    padding:0px 00px;
    height:5px;
    }

    try changing the height value to 1em
    http://www.pixeline.be
    ........................................
  4. #3
  5. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Oct 2005
    Posts
    67
    Rep Power
    14
    Nope still no joy with it.

    Thanks for the menu by the way, really cool!! when i get it working

    Cheers
  6. #4
  7. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    May 2005
    Posts
    125
    Rep Power
    15
    Originally Posted by pete200477
    Nope still no joy with it.

    Thanks for the menu by the way, really cool!! when i get it working

    Cheers
    try giving the rollover menu li a height and/or display type too. line-height might help too

IMN logo majestic logo threadwatch logo seochat tools logo