CSS experts . please come in (drop down menus!) $ $ $ PAYPAL! $ $ $ [css file] [drop down list]

admin / December 11th, 2010/ Posted in Software / No Comments »

Q: This (http://files.guy.com/webpages/topnav.html) is the xHTML file.
This (http://files.guy.com/webpages/nav.css) is the .
This ( http://files.guy.com/webpages/adjustcss.js) is the Javascript which is required by IE.

Open the above files with Internet Explorer (it works fine in Mozilla)! W3C validated.

Problem

Both files in IE only: Move your mouse over the menu first (“rooms”). Note that the drop-down list (u003cselectu003e u003coptiesu003e, .) does appear on the top. No, z-index could not be repaired. If you can come up with a working solution to this, I have paypal $ 5 for you.

If you would only do so for a higher price, make me an offer.


Pitch Magic: Drag and Drop Pitch Page Creation
Re:Thanks.. looks like I can't do something on top of what I already did :( Have to make-do then.

The Dropship Manufacturers List For Drop Ship Products
Re:http://www.milonic.com/
implemented here on top of a dropdown: http://www.shelby-city.k12.oh.us/repair/scssearch2.asp

List Assassin
Re:From the pm you sent me (I think this part is informative to others):

I think you could somehow use the script to determine when the menu is hovering across it, then hide that particular <select>.
I think that would be… difficult. Especially if you want to be robust (handle different browser resolution, etc).

Anyway, what that adjustcss.js does is let you do hover detection for <select> objects… what it doesn't do is hide the select when you mouseover the menus. I strongly recommend considering an alternate layout for the site.


Data Recovery Software – Deleted File Recovery – 75% Commissions
Re:Originally posted by: guy

Originally posted by: guy
This (http://files.guy.com/webpages/topnav.html) is the xHTML file.
This (http://files.guy.com/webpages/nav.css) is the .

Open the above files with Internet Explorer (it works fine in Mozilla)!

Both files are W3C validated.

Problem in IE only: Hover your mouse on the first menu ("rooms"). Notice that the drop-down list (<select><options>…) keeps appearing above it. No, z-indexing wouldn't fix it. If you can come up with a working solution of this, I have paypal $5 for you.

If you would only do it for a higher price, make me an offer.

You can't. I looked into this last summer, and at the time, there was a dropdown somewhere on microsoft's site. IE ignores z-index on select boxes. Microsoft used some code to HIDE the <select> when the menu that overlapped it was visible – you could see this if you resized the IE window so that it only partially overlapped. (since I was working on this MS has changed their layout)

Thanks Ctho9305! YGPM :o


Sell On eBay® Using Drop Shipping
Re:Originally posted by: guy
This (http://files.guy.com/webpages/topnav.html) is the xHTML file.
This (http://files.guy.com/webpages/nav.css) is the .

Open the above files with Internet Explorer (it works fine in Mozilla)!

Both files are W3C validated.

Problem in IE only: Hover your mouse on the first menu ("rooms"). Notice that the drop-down list (<select><options>…) keeps appearing above it. No, z-indexing wouldn't fix it. If you can come up with a working solution of this, I have paypal $5 for you.

If you would only do it for a higher price, make me an offer.

You can't. I looked into this last summer, and at the time, there was a dropdown somewhere on microsoft's site. IE ignores z-index on select boxes. Microsoft used some code to HIDE the <select> when the menu that overlapped it was visible – you could see this if you resized the IE window so that it only partially overlapped. (since I was working on this MS has changed their layout)


Grow Your List Now!
Re:bump again, now with Paypal!

Free Listings Report
Re:Originally posted by: guy
I wrote a CSS/Javascript dropdown menu applet. Check it out (http://www.screwedupfamily.com/menu)

That's pretty nice. :D


Drop Ship Guide.
Re:Bump for new problem.

Drop Shipping Sucks – Dont Kill Your eBay® Business
Re:I wrote a CSS/Javascript dropdown menu applet. Check it out (http://www.screwedupfamily.com/menu)

Going Down Getting Off Game
Re:you might have to set z-index for the div box below the menu box

I have used this personaly and it works in all browsers I have tested


Re:Originally posted by: guy
put z-index on the div boxes you use for the menu,

z-index controls the order of everything

I have already tried that and it only worked for Firebird :confused:

Did you try it? What did I miss?


Re:put z-index on the div boxes you use for the menu,

z-index controls the order of everything


Re:Originally posted by: guy
W3Schools (http://www.w3schools.org) best I can do.

Thanks but that was the first web resource that I refer to. For now I'm still stuck :( bump


Re:W3Schools (http://www.w3schools.org) best I can do.

Related posts


Tags: ,

Leave a Reply

Name required

Mail (will not be published) required

Website