petra: links innerhalb layern

Beitrag lesen

hallo zusammen,
die folgende anfrage habe ich schon mal gestellt, aber leider bisher trotz sicherlich guter hinweise keine lösung gefunden.
leider funktionieren bei dem folgenden script die links im explorer nicht. vielleicht kann mir ja nochmal jemand auf die sprünge helfen.
gruß petra
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Unbenannt</title>
<title>Unbenannt</title>
<style>

.menu
{
position: absolute;
top: 0;
z-index: 2;
}

.submenu
{
position: absolute;
     top: 120;
z-index: 0;
visibility: hide;
visibility: hidden;
}
.submenu2
{
position: absolute;
     top: 100;
z-index: 0;
visibility: hide;
visibility: hidden;
}

</style>

<script language="JScript">

function show_layer(x)
{
if(document.layers)
  document.layers[x].visibility="show";
else
  document.all[x].style.visibility="visible";
}

function hide_layer(x)
{
if(document.layers)
  document.layers[x].visibility="hide";
else
  document.all[x].style.visibility="hidden";
}
var old;
var memold;

if(document.layers)
{
window.captureEvents(Event.MOUSEDOWN);
window.onmousedown=do_out;
} else
{
document.onmousedown=do_out;
}
function do_menu(x)
{
if(!old)
  old=memold;

if(old!=x)  
{  

show_layer(x);
  old=x;
} else
  old="";
}
function do_check(x)
{
if(old && old!=x)
{
  hide_layer(old);
  show_layer(x);
  old=x;
}
}
function do_out()
{
if(old)
  hide_layer(old);

memold=old; old="";  

}

// -->
</script>

</head>

<body bgcolor="#ffffff" background="navi1.gif" link="#FFFFFF" alink="#ffffff" vlink="#ffffff">
<!--home-->
<div id="m1" class="menu" style="margin-left:15; margin-top: 80;">
<table cellspacing="0" cellpadding="0" border="0" width="69" height="35">
<tr><td>
<a href="javascript:do_menu('m1x')" onmouseover="do_check('m1x')">
<img src="homek.gif" width=79 height=35 alt="" border="0"></a>
</td></tr>
</table>
</div>

<div id="m1x" class="submenu" style="left: 10; ">
<table bgcolor="blue" cellspacing="0" cellpadding="0" border="0" width=89>
<tr><td>

<a href="y.html">bal blabal</a><br>
<a href="z.html">bal blabal</a><br>
<a href="w.html">bal blabal</a></td></tr>
</table>

</div>
<div id="m2" class="menu" style="left: 91; margin-top: 50">
<table cellspacing=0 cellpadding=0 border=0 width="105">
<tr><td><a href="javascript:do_menu('m2x')" onmouseover="do_check('m2x')">
<img src="infok.gif" width=105 height=29 alt="" border="0"></a></TD></tr>

</table>
</div>

<div id="m2x" class="submenu2" style="left: 90;">
<table  bgcolor="blue" cellspacing=0 cellpadding=0 border=0 width="135">
<tr><td>
<a href="home.html">Work</a><br>
<a href="">Tools</a><br>
<a href="">Spiele</a>
</td></tr>
</table>
</div>

<div id="m3" class="menu" style="left: 200; margin-top: 50">
<table cellspacing=0 cellpadding=0 border=0 width="93">
<tr><td><a href="javascript:do_menu('m3x')" onmouseover="do_check('m3x')">
<img src="servicek.gif" width=83 height=29 alt="" border="0">
</a></TD></tr>

</table>
</div>

<div id="m3x" class="submenu2" style="left: 150;">
<table  bgcolor="blue" cellspacing=0 cellpadding=0 border=0 width="93">
<tr><td>
<a href="home.html">Work</a><br>
<a href="">Tools</a><br>
<a href="">Spiele</a>
</td></tr>
</table>
</div>

<div id="m4" class="menu" style="left: 200; margin-top: 50">
<table cellspacing=0 cellpadding=0 border=0 width="93">
<tr><td><a href="javascript:do_menu('m4x')" onmouseover="do_check('m3x')">
<img src="servicek.gif" width=83 height=29 alt="" border="0">
</a></TD></tr>

</table>
</div>

<div id="m4x" class="submenu2" style="left: 150;">
<table  bgcolor="blue" cellspacing=0 cellpadding=0 border=0 width="93">
<tr><td>
<a href="home.html">Work</a><br>
<a href="">Tools</a><br>
<a href="">Spiele</a>
</td></tr>
</table>
</div>

</body>
</html>