SitePoint Sponsor

User Tag List

Results 1 to 7 of 7
  1. #1
    SitePoint Enthusiast
    Join Date
    Sep 2006
    Posts
    30
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    dropdown menu dissapears too fast

    Is there anyway to fix this dropdown menu, the problem at the moment, is that they are nearly unclickable, cause if you go of the link the dropdown box is not directly under it, is there a way that you can fill that gap perhaps?

    whats odd is that I did not discover this issue, cause I don't see it, but everyone else says its nearly impossible to click the links.

    last note: I did not get the time yet to get it done so IE will show the dropdown (something with the script that isn't right -_-")

  2. #2
    SitePoint Wizard silver trophybronze trophy Stormrider's Avatar
    Join Date
    Sep 2006
    Location
    Nottingham, UK
    Posts
    3,133
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    i think the only answer is to shift the menu up, so there is no gap. I'm not sure though, I have had a similar thing before.

  3. #3
    SitePoint Zealot XandroZ's Avatar
    Join Date
    May 2006
    Posts
    147
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    the problem may be the Z indez set a big Z number for the menu than the div below

  4. #4
    SitePoint Wizard bronze trophy Tyssen's Avatar
    Join Date
    Oct 2005
    Location
    Brisbane, QLD
    Posts
    4,067
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You need to validate your page. You've got no doctype and you can't mix table and list tags the way you have.

  5. #5
    SitePoint Enthusiast
    Join Date
    Sep 2006
    Posts
    30
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    well the mixing is not the problem really, and it does work when I put it up with 5px, but is there a way to get the betweenspace selected as well?

  6. #6
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,352
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Yes, this is simple just make the space with padding as the menu must be in contact with the list.

    Code:
    li ul {
      display: none;
      position: absolute; 
      top: 100%;
      left: 0;
    padding-top:5px;
    }

    Use top 100% to make sure the menu is exactly at the bottom and the add padding 5px to the ul to maintan contact but make it appear further away.

    That is some extremely nasty and badly formed code you have there

  7. #7
    SitePoint Wizard bronze trophy Tyssen's Avatar
    Join Date
    Oct 2005
    Location
    Brisbane, QLD
    Posts
    4,067
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by hellusius
    well the mixing is not the problem really
    It may not be the problem, but it is a problem. A serious one.


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
  •