Dropdown menu overlayed by <-SELECT-> dropdown

[rdsjr]

I have a dropdown menu that works similarly to the one on the top right corner of

http://www.microsoft.com

- using <-span->'s with display:none for the dropdown menus, and then mouseovers on the main menu to display the <-spans->.

Now when I mouseover one of the main menu options, a submenu is displayed.

It works fine unless the dropdown menu (the <-span->) overlays a <-select-> tag on the page. In that case the <-select-> overlays the menu dropdown. The rest of the <-span-> is visible, it's just the part where the <-select-> is that is covered.

Has anyone out there worked through this problem before?

 

[onpnt]

forum215 (HTML and CSS forum) would be far more likely to help on layout concerns.

____________________________________________________

http://www.onpntwebdesigns.com

 

[bahakh]

put your drop down menu inside a <div> or <span> and try to change the z-index of both of them, so that one of them will apear behind the other... I usually put the in <div> and play around with the z-index. this is one of the tags:

<div style=&quot;position: absolute; left: 40px; top: 142px; z-index: 0; width: 654px; height: 298px&quot; align=&quot;left&quot;>
</div>

<div style=&quot;position: absolute; left: 40px; top: 142px; z-index: -1; width: 654px; height: 298px&quot; align=&quot;left&quot;>
</div>

one of these will apear over the other one, don't remember which is which anyway, hope this will help.

 

[mwolf00]

The way to handle it is to set the display to &quot;none&quot; for the select when then span is displayed...

Programming today is a race between software engineers striving to build better and bigger idiot-proof programs, and the Universe trying to produce bigger and better idiots. So far, the Universe is winning. - Rick Cook