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

    Join Date
    Apr 2011
    Location
    Milan
    Posts
    1
    Rep Power
    0

    Dropdown menu css


    Hi yall, i'm a quite newbie on css and i'm having an issue with my drop menu on the site i'm trying to do , with wordpress, multi level menu...i started from the code generated by the css generator and tried to fit it to my meeds.
    but, i can't control the li li menu (categories), i want it to appear exactly at the end of the li categories.
    2) the second issue is that i'm trying to add a margin to the main ul because it's to near from the top.
    can someone help me plz?

    here my code
    Code:
    #suckerfishnav,
    #suckerfishnav ul {
      float: left;
      height: 2.98em;
      width: 960px;
      list-style: none;
      line-height: 1;
      background: white;
      font-weight: bold;
      margin: 0.1em 0.1em 0.1em 0.1em;
      padding: 0;
    }
    
    #suckerfishnav a {
      display: block;
      color: #7c6240;
      text-decoration: none;
      padding-top: 0.25em;
      padding-right: 0.7em;
      padding-bottom: 0.1em;
      padding-left: 0.2em;
    }
    
    #suckerfishnav li {
      float: left;
      padding: 0;
      width: 13em;
      height: 2.8em;
    }
    
    #suckerfishnav ul {
      position: absolute;
      left: -999em;
      height: auto;
      margin-left: 2em;
      line-height: 1;
      z-index: 500;
    }
    
    #suckerfishnav li li {
      width: 9.6em;
      border: solid #eda;
      border-width: 1px;
      padding-top;
      10px;
    }
    
    #suckerfishnav li ul a {
      width: 9.8em;
    }
    
    #suckerfishnav li ul ul {
      margin: -0.20em 0 0 9.8em;
    }
    
    #suckerfishnav li ul {
      position: absolute;
      left: -999em;
      height: auto;
      width: 9.9em;
      w\idth: 9.8em;
      font-weight: normal;
      border-width: 0.20em;
      margin: 0;
      z-index: 500;
    }
    
    #suckerfishnav li ul a {
      width: 9.9em;
      w\idth: 9.8em;
    }
    
    #suckerfishnav li:hover ul ul,
    #suckerfishnav li:hover ul ul ul,
    #suckerfishnav li.sfhover ul ul,
    #suckerfishnav li.sfhover ul ul ul {
      left: -999em;
    }
    
    #suckerfishnav li:hover ul,
    #suckerfishnav li li:hover ul,
    #suckerfishnav li li li:hover ul,
    #suckerfishnav li.sfhover ul,
    #suckerfishnav li li.sfhover ul,
    #suckerfishnav li li li.sfhover ul {
      left: auto;
    }
    
    #suckerfishnav li:hover,
    #suckerfishnav li.sfhover {
      background: #eda;
      width: 9.5em;
      w\idth: 9.4em;
    }
    Last edited by Kravvitz; April 7th, 2011 at 12:28 PM. Reason: reformatted the code for easier reading

IMN logo majestic logo threadwatch logo seochat tools logo