SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    Web Design Addict
    Join Date
    Mar 2004
    Posts
    2,159
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    small bit of assistance with my suckerfish...

    Here is the website: http://www.geocities.com/deronsizemore/index2.htm

    Everything is more or less fine and I can live with the way it looks, only I would like to have the drop down lists which are under the "health products" and "health testing" links to have a littel more separation from the menu it self...so when the green dropdown menu appears I was wanting maybe a 1px separation from the menu and I cannot figure out how to acheive this.


    Thanks,
    Deron

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,514
    Mentioned
    182 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    You can't move the menu further away than the edge of the parent otherwise you will loose the hover effect.

    This puts the submenu at the edge.

    Code:
    li ul { /* second-level lists */
    display: none;
    position: absolute;
    left: -5px;
    top: 100%;
    background: #ffffcc;
    padding-left: 0px;
    }
    Hope that helps.

    Paul

  3. #3
    Web Design Addict
    Join Date
    Mar 2004
    Posts
    2,159
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Ohh..I didn't realize you couldn't move the sub menu away from the parent. Thanks Paul for the help.

    I put the top: 100%; attribute in the code like you said in place of the top:1.5em; which was there to begin with and it didn't look like it even changed it at all? Did I do something wrong?

    Deron

  4. #4
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,514
    Mentioned
    182 Post(s)
    Tagged
    6 Thread(s)
    didn't look like it even changed it at all
    It will look the same in mozilla because moz was in the right place but IE was overlapping and the 100% seemed to fix it locally.

    Update your code online so I can take another look

    Paul

  5. #5
    Web Design Addict
    Join Date
    Mar 2004
    Posts
    2,159
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    alright....that explains it Paul. I was only looking in Firefox...never even hit me to look in IE. Thanks.l


Bookmarks

Posting Permissions

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