Tad
01-17-2004, 10:33 AM
This code produces a menu that drops down behind the excel object. Any advice on getting the menu on top of the object ?
Thanks
<html><head><style type="text/css">
vid.z{z-index:-1;}
body{font-family:arial;}
table{font-size:80%;background:black}
a{color:black;text-decoration:none;font:bold}
a:hover{color:#606060}
td.menu{background:lightblue}
table.menu
{
font-size:100%;
position:absolute;
visibility:hidden;
}
</style><script type="text/_javascript">
function showmenu(elmnt)
{
document.all(elmnt).style.visibility="visible"
}
function hidemenu(elmnt)
{
document.all(elmnt).style.visibility="hidden"
}
</script></head><div><body><table width="25%"><tr bgcolor="#FF8080"><td
onfiltered="showmenu('Menu 1')"
onfiltered="hidemenu('Menu 1')"><a href="/default.asp">Menu 1</a><br /><table class="menu" id="Menu 1" width="100%"><tr><td class="menu"><a href="all.htm">Item 1</a></td></tr><tr><td class="menu"><a href="all.htm">Item 2</a></td></tr><tr><td class="menu"><a href="all.htm">Item 3</a></td></tr><tr><td class="menu"><a href="all.htm">Item 4</a></td></tr><tr><td class="menu"><a href="all.htm">Item 5</a></td></tr></table></td></tr></table><br><OBJECT
class="z"
ID = vid
CLASSID = "clsid:0002E510-0000-0000-C000-000000000046"
BORDER = 0
VSPACE = 0
HSPACE = 0
ALIGN = TOP
HEIGHT = 95%
WIDTH = 100%
></OBJECT></body></html>
Thanks
<html><head><style type="text/css">
vid.z{z-index:-1;}
body{font-family:arial;}
table{font-size:80%;background:black}
a{color:black;text-decoration:none;font:bold}
a:hover{color:#606060}
td.menu{background:lightblue}
table.menu
{
font-size:100%;
position:absolute;
visibility:hidden;
}
</style><script type="text/_javascript">
function showmenu(elmnt)
{
document.all(elmnt).style.visibility="visible"
}
function hidemenu(elmnt)
{
document.all(elmnt).style.visibility="hidden"
}
</script></head><div><body><table width="25%"><tr bgcolor="#FF8080"><td
onfiltered="showmenu('Menu 1')"
onfiltered="hidemenu('Menu 1')"><a href="/default.asp">Menu 1</a><br /><table class="menu" id="Menu 1" width="100%"><tr><td class="menu"><a href="all.htm">Item 1</a></td></tr><tr><td class="menu"><a href="all.htm">Item 2</a></td></tr><tr><td class="menu"><a href="all.htm">Item 3</a></td></tr><tr><td class="menu"><a href="all.htm">Item 4</a></td></tr><tr><td class="menu"><a href="all.htm">Item 5</a></td></tr></table></td></tr></table><br><OBJECT
class="z"
ID = vid
CLASSID = "clsid:0002E510-0000-0000-C000-000000000046"
BORDER = 0
VSPACE = 0
HSPACE = 0
ALIGN = TOP
HEIGHT = 95%
WIDTH = 100%
></OBJECT></body></html>