CSS experts.. come in please (drop down menus!) $$$ PAYPAL!! $$$

[screw3d]

This is the xHTML file.
This is the CSS file.
This is the Javascript which is required by IE.

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.

 

[screw3d]

Bump.

 

[BigPoppa]

W3Schools best I can do.

 

[screw3d]

Originally posted by: BigPoppa
W3Schools best I can do.

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

 

[Czar]

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

z-index controls the order of everything

 

[screw3d]

Originally posted by: Czar
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

Did you try it? What did I miss?

 

[Czar]

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

 

[Beau]

I wrote a CSS/Javascript dropdown menu applet. Check it out

 

[screw3d]

Bump for new problem.

 

[DurocShark]

Originally posted by: Beau
I wrote a CSS/Javascript dropdown menu applet. Check it out

That's pretty nice.

 

[screw3d]

bump bump!

 

[screw3d]

bump again, now with Paypal!

 

[screw3d]

Bump

 

[CTho9305]

Originally posted by: screw3d
This is the xHTML file.
This is the CSS file.

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)

 

[screw3d]

Originally posted by: CTho9305

Originally posted by: screw3d
This is the xHTML file.
This is the CSS file.

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

 

[CTho9305]

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.

 

[CTho9305]

http://www.milonic.com/
implemented here on top of a dropdown: http://www.shelby-city.k12.oh.us/repair/scssearch2.asp

 

[screw3d]

Thanks.. looks like I can't do something on top of what I already did Have to make-do then.