Java script menus

[Neil Wardyn]

I have a drop down java script menu at the top of my page. Everything is working fine with that. If I drop a menu down from my java script menu and there is a html drop down list behind it, the html always shows up on top. This is really frustrating because everything else on the page is in the background except for these html drop down boxes. Is there anyway around this?

[Allen]

Hi Neil,

Believe it or not, I am having the same problem at work! We even paid $1500 for the script... From what I gather so far, there is no way to fix that issue. What we have done for the time being is to move the form elements away from the pull-down menus.

Give that a try until someone comes up with a menu that works with forms.

Thanks,
Allen

[chad]

Neil,

It's hard to determine a fix without knowing 'your' document tree.
Have you tried altering or using the z-index property..?
The great thing about this property is that it is able to be
changed dynamically (as needed). The key aspect to remember
when dealing with z-index is the nesting. In terms of div's, the
parent starts everything off. e.g.

<div style="position:absolute; z-index:20;">I am first in the stacking context order.
<div style="position:absolute; z-index:60;">I am on top of the first div because my z-index is higher..
</div>
</div>

As long as your elements are nested they will follow the highest
integer z order. Now, if I was to create a new div (non-nested)


<div style="position:absolute; z-index:50;">I am above all divs
because my "parent" has the highest z-index..
</div>

In the example above, the z-index:50; will be above the
z-index 60 because it is a parent not a descendent.
Here is a must read for this subject.

http://www.w3.org/TR/REC-CSS2/visure...ropdef-z-index

And here is an article written by Danny (jsGod) Goodman that
shows an excellent example of changing z-index orders on the fly.
Make sure you click on the "fish" examples to get a good look at what he's doing.

http://developer.netscape.com/viewso...dman_cssp.html

chad

[Catman]

Originally Posted by Neil Wardyn

I have a drop down java script menu at the top of my page. Everything is working fine with that. If I drop a menu down from my java script menu and there is a html drop down list behind it, the html always shows up on top. This is really frustrating because everything else on the page is in the background except for these html drop down boxes. Is there anyway around this?

just go to http://codethat.com/go_to_link.php?l...menu/index.php