This code produces a menu that drops down behind the excel object. Any advice on getting the menu on top of the object ?<br />
<br />
Thanks<br />
<br />
<html><head><style type="text/css"><br />
vid.z{z-index:-1;}<br />
body{font-family:arial;}<br />
table{font-size:80%;background:black}<br />
a{color:black;text-decoration:none;font:bold}<br />
a:hover{color:#606060}<br />
td.menu{background:lightblue}<br />
table.menu<br />
{<br />
font-size:100%;<br />
position:absolute;<br />
visibility:hidden;<br />
}<br />
</style><script type="text/_javascript"><br />
function showmenu(elmnt)<br />
{<br />
document.all(elmnt).style.visibility="visible"<br />
}<br />
function hidemenu(elmnt)<br />
{<br />
document.all(elmnt).style.visibility="hidden"<br />
}<br />
</script></head><div><body><table width="25%"><tr bgcolor="#FF8080"><td <br />
onfiltered="showmenu('Menu 1')" <br />
onfiltered="hidemenu('Menu 1')"><a href=http://www.webdeveloper.com/forum/archive/index.php/"/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 <br />
class="z"<br />
ID = vid <br />
CLASSID = "clsid:0002E510-0000-0000-C000-000000000046" <br />
BORDER = 0 <br />
VSPACE = 0 <br />
HSPACE = 0 <br />
ALIGN = TOP <br />
HEIGHT = 95% <br />
WIDTH = 100%<br />
></OBJECT></body></html><!--content-->As I remember it there are some things which won't go behind anything else, and I think Object may be one of them. If it was a flash object making the background transparent is the hack. with an excel object you can't do that... <br />
<br />
So the solution is... move the object.<!--content-->http://www.dotnetjunkies.com/weblog/jking/posts/488.aspx<!--content-->Here is a recent thread from the JavaScript forum: <!-- m --><a class="postlink" href="http://forums.webdeveloper.com/showthread.php?s=&threadid=24873">http://forums.webdeveloper.com/showthre ... adid=24873</a><!-- m --><!--content-->
<br />
Thanks<br />
<br />
<html><head><style type="text/css"><br />
vid.z{z-index:-1;}<br />
body{font-family:arial;}<br />
table{font-size:80%;background:black}<br />
a{color:black;text-decoration:none;font:bold}<br />
a:hover{color:#606060}<br />
td.menu{background:lightblue}<br />
table.menu<br />
{<br />
font-size:100%;<br />
position:absolute;<br />
visibility:hidden;<br />
}<br />
</style><script type="text/_javascript"><br />
function showmenu(elmnt)<br />
{<br />
document.all(elmnt).style.visibility="visible"<br />
}<br />
function hidemenu(elmnt)<br />
{<br />
document.all(elmnt).style.visibility="hidden"<br />
}<br />
</script></head><div><body><table width="25%"><tr bgcolor="#FF8080"><td <br />
onfiltered="showmenu('Menu 1')" <br />
onfiltered="hidemenu('Menu 1')"><a href=http://www.webdeveloper.com/forum/archive/index.php/"/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 <br />
class="z"<br />
ID = vid <br />
CLASSID = "clsid:0002E510-0000-0000-C000-000000000046" <br />
BORDER = 0 <br />
VSPACE = 0 <br />
HSPACE = 0 <br />
ALIGN = TOP <br />
HEIGHT = 95% <br />
WIDTH = 100%<br />
></OBJECT></body></html><!--content-->As I remember it there are some things which won't go behind anything else, and I think Object may be one of them. If it was a flash object making the background transparent is the hack. with an excel object you can't do that... <br />
<br />
So the solution is... move the object.<!--content-->http://www.dotnetjunkies.com/weblog/jking/posts/488.aspx<!--content-->Here is a recent thread from the JavaScript forum: <!-- m --><a class="postlink" href="http://forums.webdeveloper.com/showthread.php?s=&threadid=24873">http://forums.webdeveloper.com/showthre ... adid=24873</a><!-- m --><!--content-->