469,898 Members | 1,772 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 469,898 developers. It's quick & easy.

Combo box is always on the top

I would like to have div tag over combo box, not combo box over div tag.
I have this problem on many pages usually when I use drop down menus.
I try to solve this problem with z-index but it doesn't work.
Have anybody some idea?

Here is the simple example:

<html>
<head>
</HEAD>
<BODY>
<SELECT id=select1 name=select1 style="z-index:1">

<OPTION>this is select box</OPTION>

</SELECT>

<div name="div1" id="div1"
style="position:absolute;margin-left:-100;margin-top:0;z-index:10">

<table bgcolor="Gainsboro" border="1" width=100 height=100>
<tr><td>some text</td></tr>
</table>
</div>
</body>
</html>

Thank you for your answer,
Simon
Jul 19 '05 #1
4 7964
Simon wrote:
I would like to have div tag over combo box, not combo box over div
tag. I have this problem on many pages usually when I use drop down
menus.
I try to solve this problem with z-index but it doesn't work.
Have anybody some idea?

Here is the simple example:

<snip of unneeded html>
This question is off-topic for this newsgroup which is targeted for asp
(server-side) questions. Your issue is a client-side html issue, so you
would be better off following up in an html newsgroup.

Having said that, I can tell you that there is no way to prevent a dropdown
from obscuring other elements. A SELECT element is a "windowed" element,
meaning that a new window is created to implement the dropdown list. Since
it is a new window, it will be displayed "over" non-windowed elements such
as divs. Your only solution is to create your own dropdown using client-side
jscript code to manipulate a textbox and a table or div.

Again, please follow up in an html or dhtml newsgroup.

--
Microsoft MVP - ASP/ASP.NET
Please reply to the newsgroup. This email account is my spam trap so I
don't check it very often. If you must reply off-line, then remove the
"NO SPAM"
Jul 19 '05 #2
set the select display to none when the div is supposed to hide it

tim
"Simon" <si*********@stud-moderna.si> wrote in message
news:3f********@news.s5.net...
I would like to have div tag over combo box, not combo box over div tag.
I have this problem on many pages usually when I use drop down menus.
I try to solve this problem with z-index but it doesn't work.
Have anybody some idea?

Here is the simple example:

<html>
<head>
</HEAD>
<BODY>
<SELECT id=select1 name=select1 style="z-index:1">

<OPTION>this is select box</OPTION>

</SELECT>

<div name="div1" id="div1"
style="position:absolute;margin-left:-100;margin-top:0;z-index:10">

<table bgcolor="Gainsboro" border="1" width=100 height=100>
<tr><td>some text</td></tr>
</table>
</div>
</body>
</html>

Thank you for your answer,
Simon

Jul 19 '05 #3
hello simon,

you can try allwebMenus PRO from www.likno.com

it is a handy software for creating dhtml menus with the capability of
unfolding on top of flash objects and combo boxes (nad not just that).

check their online example at
http://www.likno.com/examples/ShowHi..._elements.html

hope this helps.
"Simon" <si*********@stud-moderna.si> wrote in message news:<3f********@news.s5.net>...
I would like to have div tag over combo box, not combo box over div tag.
I have this problem on many pages usually when I use drop down menus.
I try to solve this problem with z-index but it doesn't work.
Have anybody some idea?

Here is the simple example:

<html>
<head>
</HEAD>
<BODY>
<SELECT id=select1 name=select1 style="z-index:1">

<OPTION>this is select box</OPTION>

</SELECT>

<div name="div1" id="div1"
style="position:absolute;margin-left:-100;margin-top:0;z-index:10">

<table bgcolor="Gainsboro" border="1" width=100 height=100>
<tr><td>some text</td></tr>
</table>
</div>
</body>
</html>

Thank you for your answer,
Simon

Jul 19 '05 #4
It looks like all they do is hide (style.display='none') any control that
would shine-through. A simple 4 or 5 line loop accomplishes that, and it
doesn't cost $60.

Sorry, but I got my hopes up.

- Wm
--
William Morris
Product Development, Seritas LLC
"cristine.n" <cr*********@hotmail.com> wrote in message
news:9b**************************@posting.google.c om...
hello simon,

you can try allwebMenus PRO from www.likno.com

it is a handy software for creating dhtml menus with the capability of
unfolding on top of flash objects and combo boxes (nad not just that).

check their online example at
http://www.likno.com/examples/ShowHi..._elements.html

hope this helps.
"Simon" <si*********@stud-moderna.si> wrote in message

news:<3f********@news.s5.net>...
I would like to have div tag over combo box, not combo box over div tag.
I have this problem on many pages usually when I use drop down menus.
I try to solve this problem with z-index but it doesn't work.
Have anybody some idea?

Here is the simple example:

<html>
<head>
</HEAD>
<BODY>
<SELECT id=select1 name=select1 style="z-index:1">

<OPTION>this is select box</OPTION>

</SELECT>

<div name="div1" id="div1"
style="position:absolute;margin-left:-100;margin-top:0;z-index:10">

<table bgcolor="Gainsboro" border="1" width=100 height=100>
<tr><td>some text</td></tr>
</table>
</div>
</body>
</html>

Thank you for your answer,
Simon

Jul 19 '05 #5

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

1 post views Thread by meganrobertson22 | last post: by
1 post views Thread by dimension | last post: by
1 post views Thread by Jimmy Stewart | last post: by
2 posts views Thread by biganthony via AccessMonster.com | last post: by
4 posts views Thread by Karl | last post: by
1 post views Thread by Waqarahmed | last post: by
reply views Thread by Salome Sato | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.