homepage Welcome to WebmasterWorld Guest from 54.163.72.86
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?
TheIceman5




msg:4638428
 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.
[jsfiddle.net...]

 

not2easy




msg:4638513
 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.

TheIceman5




msg:4638561
 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.

swa66




msg:4638744
 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.

DrDoc




msg:4638768
 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.
TheIceman5




msg:4638801
 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