horizontaal uitkap menu

Status
Niet open voor verdere reacties.

Sando60

Gebruiker
Lid geworden
29 aug 2006
Berichten
521
Hallo,

Ik maak een nieuwe site voor m'n website met frames.
Ik heb op www.leejoo.nl het volgende script gevonden:

HTML:
<head>
<style>
<!-- verander hieronder het lettertype en de kleuren -->
body{font-family:verdana;}
table{font-size:80%;background:black}
a{color:black;text-decoration:none;font:bold}
a:hover{color:#FF0000}
td.menu{background:#CCFFCC}
table.menu
{
font-size:100%;
position:absolute;
visibility:hidden;
}
</style>

<base target="_blank">
<!-- verander hierboven de tqarget in de framenaam waar de links in moeten openen -->

<script language="JavaScript">
function toonmenu(elmnt)
{
document.all(elmnt).style.visibility="visible"
}
function verstopmenu(elmnt)
{
document.all(elmnt).style.visibility="hidden"
}
</script>
</head>
<body>
<table width="100%">
<tr bgcolor="#CCCCFF">
<td onmouseover="toonmenu('site1')" onmouseout="verstopmenu('site1')">
<a href="http://www.leejoo.nl">Site 1</a><br />
<table class="menu" id="site1" width="100%">
<tr><td class="menu"><a href="pag1.htm">Wie</a></td></tr>
<tr><td class="menu"><a href="pag2.htm">Wat</a></td></tr>
<tr><td class="menu"><a href="pag3.htm">Waar</a></td></tr>
<tr><td class="menu"><a href="pag4.htm">Waarom</a></td></tr>
<tr><td class="menu"><a href="pag5.htm">Wanneer</a></td></tr>
</table>
</td>
<td onmouseover="toonmenu('site2')" onmouseout="verstopmenu('site2')">
<a href="http://www.leejoo.nl">Site 2</a><br />
<table class="menu" id="site2" width="100%">
<tr><td class="menu"><a href="pag1.htm">Wie</a></td></tr>
<tr><td class="menu"><a href="pag2.htm">Wat</a></td></tr>
<tr><td class="menu"><a href="pag3.htm">Waar</a></td></tr>
<tr><td class="menu"><a href="pag4.htm">Waarom</a></td></tr>
<tr><td class="menu"><a href="pag5.htm">Wanneer</a></td></tr>
</table>
</td>
<td onmouseover="toonmenu('site3')" onmouseout="verstopmenu('site3')">
<a href="http://www.leejoo.nl">Site 3</a><br />
<table class="menu" id="site3" width="100%">
<tr><td class="menu"><a href="pag1.htm">Wie</a></td></tr>
<tr><td class="menu"><a href="pag2.htm">Wat</a></td></tr>
<tr><td class="menu"><a href="pag3.htm">Waar</a></td></tr>
<tr><td class="menu"><a href="pag4.htm">Waarom</a></td></tr>
<tr><td class="menu"><a href="pag5.htm">Wanneer</a></td></tr>
</table>
</td>
</table>
</body>

Alleen heb ik een probleem:
Ik heb een hotizontale frame en als je je muis er op houd dan komt het menu te voor schijn, maar hij komt niet over de andere frame er onder.

Hoe kan ik zo'n uitklap menu over 2 frames laten komen.
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan