Problem with Jquery Dropdown

Discussion in 'HTML & Website Design' started by produceresults, Jan 8, 2011.

  1. #1
    Go here: http://www.littleguys.com/_beta/

    Go to moving services and hover. Notice the dropdown is starting at the top of the <li>. I want it change this. It can either dropdown starting at the bottom of the <li> or dropdown underneath the <li> is ok too.

    What am I missing?

    Scott
     
    produceresults, Jan 8, 2011 IP
  2. CSM

    CSM Active Member

    Messages:
    1,047
    Likes Received:
    25
    Best Answers:
    0
    Trophy Points:
    55
    #2
    This is a pure CSS "thing".

    in #nav ul the margin is set to 40px 0 0...

    Change the 40px to e.g. 90px and you will see.

    Or you have to add a z-index !
     
    CSM, Jan 9, 2011 IP
  3. produceresults

    produceresults Peon

    Messages:
    4
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Its neither a z-index or a margin issue. If you adjust the margin the only effect is where the top of the dropdown finally stops moving to. it does not effect its starting position. The z-index displays whether its over or under. I have decided that I don't want it to merely start at the top like it is a move underneath. It doesn't look clean. I want it to first appear at the 40px; margin and then enact the jquery slidedown function on the <ul> from that point. Right not the Jquery Slidedown is not only revealing the <ul> but also sliding its 40px margin. It will make sense if you view it.

    It appears the solution will be to tell the jquery to only enact the slidedown on the ul except the margin. Or something like that.
     
    produceresults, Jan 9, 2011 IP