Wrox Home  
Search P2P Archive for: Go

  Return to Index  

javascript thread: Drop Down Menu Not Always on Top


Message #1 by "Hal Masure" <masure@h...> on Thu, 6 Sep 2001 09:59:57 -0400
Have you tried playing with an aspect of DHTML that allows control of the
order of placement on top of each other? It's called "z-index", as in
x-axis, y-axis, and z-axis (front to back).

Try playing with:

<DIV STYLE="z-index: 1;"></DIV>

using the div tags to surround the code you want to have precedence and give
it higher or lower z-index values than a div placed around the other code
you want to be "covered".

This is CSS 2 stuff, so it won't work in all browsers.

/charlie

-----Original Message-----
From: Hal Masure [mailto:masure@h...]
Sent: Thursday, September 06, 2001 10:00 AM
To: javascript
Subject: [javascript] Drop Down Menu Not Always on Top


I have written a JS menu app that drops down a pane of choices. The drop
down pane usually is "on top"
of images, text, and most controls, however it will not cover a HTML drop
down list control. The HTML drop down
list notches my drop down pane.

This will also occur if I use a Java menu applet.

Within the JS app I can hide the HTML drop down control when needed, but
this is a plan b solution and will not work with Java
applets.

I can come up with other plan b solutions but I would like a smarter
resolution, perhaps a browser property.

Thanks for any insight.

Hal



  Return to Index