homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Pubcon Platinum Sponsor 2014
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

Drop Down Menu Disappears on Hover
Position submenu so it overlaps

Msg#: 4252261 posted 9:47 am on Jan 12, 2011 (gmt 0)

I've created a drop down menu (with the help of Suzy (thanks again)) however when someone goes to hover over it, if they're not fast enough it disappears (even just going straight down). Is there anyway to put up a time delay before the box disappears again?

I'm not sure if I need to repost the code but to save repetition it can be found here;

[webmasterworld.com ]

Many thanks in advance



5+ Year Member

Msg#: 4252261 posted 11:25 am on Jan 12, 2011 (gmt 0)

You'll need to tie in some JavaScript to create a delay before it disappears.

If you search Google for "drop down menu delay javascript timing", one of the top results should give you some clues.


Msg#: 4252261 posted 11:34 am on Jan 12, 2011 (gmt 0)

Thanks Milosevic, will keep plundering away till I get it how I want it lol


WebmasterWorld Senior Member suzyuk us a WebmasterWorld Top Contributor of All Time 10+ Year Member

Msg#: 4252261 posted 10:30 am on Jan 19, 2011 (gmt 0)

if no is javascript required, you could try to make sure the "drops" overlap by a pixel or two, just position the items one or two pixels further up/left than the exact co-ordinates required, to avoid any "breaks" in the users hover contact with the <li>'s.

This is quite common in CSS menus if borders are used around li's - the border can cause the :hover to lose 'contact'


Msg#: 4252261 posted 12:04 am on Jan 20, 2011 (gmt 0)

Agree on the above. I had the same problem with my submenus before, but positioning it at the right place solved the problem.

Global Options:
 top home search open messages active posts  

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved