Layers and drop-boxes

[pauls]

I have a site in which a cascading menu is implimented using layers. Unfortunately, if I have any <SELECT> drop-downs on the page, the layers always pop up behind the box! What do I have to do to ensure that the layer is always displayed in the forground in front of anything else on the page?

Thanks

Paul

[gregc]

Can we see some code please? But at first glance all it seems like you'd have to do (in order to make your drop down menu display on the foreground every time) is increase your layer's z-index (or their 3D positioning).

[Markdidj]

these don't hide underneath layers. Display:none will get rid of them, as will a set division with overflow:scroll, which hides the drop-down as its scrolled out of view.

[pauls]

I'll give the z-index thing a bash, thanks. Not sure I follow the "set division with overflow:scroll" suggestion - can you elaborate?

TIA

Paul

[fmavituna]

This is standart problem in JS, the best way to solve it hide all dropdown boxes near the layer.

Check this out;
http://students.infoiasi.ro/~mishoo/site/calendar.epl

In this calendar you can see this feature.

[beetle]

Ya, more explanation here:

www.webreference.com/dhtml/diner/seethru/

Although, I've seen a workaround using IFRAMEs in the dropdowns that mus appear later source order than the SELECT. Kind of a PITA, but it works.

[davidjmedlock]

This is standart problem in JS, the best way to solve it hide all dropdown boxes near the layer.

Check this out;
http://students.infoiasi.ro/~mishoo/site/calendar.epl

In this calendar you can see this feature.

That is the most awesome calendar script I've ever seen... (Sorry to go off-topic, had to say it though.)