homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

drop down menu, wont stay open, how to fix?

Msg#: 4638426 posted 7:34 am on Jan 19, 2014 (gmt 0)

I am trying to build a drop down menu that when you hover over an image it drops down the widget thingy to select stuff. the book now button I just flogged off internet and linked to it.
that works ok. but.
when you select something from the drop down menu that goes beyond the bottom of the div its in the whole thing closes.
I don't want this to happen.
but I do want it to close if someone hovers over it then takes mouse away or clicks elsewhere or hovers over something else so its not always there on screen when you don't want it to be.
anyone know how to fix? been working on it for a couple hours now with no luck.
heres the code for it.



WebmasterWorld Administrator 5+ Year Member Top Contributors Of The Month

Msg#: 4638426 posted 7:33 pm on Jan 19, 2014 (gmt 0)

You would need to include the css that you are trying to fix if you want suggestions.


Msg#: 4638426 posted 1:27 am on Jan 20, 2014 (gmt 0)

css is there, just one line for now. weird thing, it wont work in internet explorer but it works in chrome I just noticed.


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

Msg#: 4638426 posted 4:14 pm on Jan 20, 2014 (gmt 0)

Ah doesn't work in IE ... what versions of IE doesn't it work in ?
And fwiw: code posted elsewhere, we don't do that out here: it can change, go away etc. making the entire thread useless. See guidelines.


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

Msg#: 4638426 posted 7:22 pm on Jan 20, 2014 (gmt 0)

<select> elements are "special" ... I will tell you right now that there is no way you can get this to work in all browsers as-is while maintaining use of <select> dropdowns.

Even though the
<select> is a child of #quotewrap, mousing over any of the options in the actual dropdown will trigger mouseleave.

I'm sorry, but you need to find a different solution to replace your
<select>s, or else a different trigger for closing the flyout.

Msg#: 4638426 posted 9:30 pm on Jan 20, 2014 (gmt 0)

ive given up on this, thanks anyway. not going to work as planned.

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