Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    Regular Coder
    Join Date
    Apr 2011
    Posts
    143
    Thanks
    3
    Thanked 1 Time in 1 Post

    Quick question about an issues i'm having with a CSS drop down hover

    I am currently trying to add a drop down menu, not exactly sure if I am doing it correctly, it's been awhile since I have coded I know shame on me.

    But fortunately, I found this awesome community

    Anyways, please view this link Website link here, just click it dude.

    So if you hover over the Prime Organic menu item in the main container at the top of the website, I'm trying to get a drop down menu, which shows, but it's very glitchy The Prime Organic disappears and reappears, it's weird.

    Any advice would be greatly appreciate, remember it's been awhile. So if I am doing it improperly please critique it. So I can do it right

    Thanks,
    Jon
    Last edited by dazd; 09-12-2013 at 09:56 AM.

  • #2
    Regular Coder
    Join Date
    Mar 2013
    Posts
    262
    Thanks
    4
    Thanked 67 Times in 67 Posts
    I didn't want to take a look at your javascript, but whenever you hover over the span, you add an "over" class to it.

    This would work fine if the span was as tall as the background behind it, but it's not. The dark gray background is 71 pixels. Your span is only 69 pixels. So whenever you move your mouse down to the sub menu, there is that 2 pixel of space when you are technically not over it. As a result, the "over" class is removed, and the sub menu is no longer visible. You need to change the height of your span from 69 pixels to 71 pixels.
    My signature :)


  •  

    Posting Permissions

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