menuprobleem

[mhproductions]

Ik heb een rpobleem met mijn menu!

In IE (versie 6) werkt het prima, maar in Firefox (versie 1.06) werkt het voor geen meter!

Het script is het volgende:

in head:

code:

<style>
td.menu{background:#F5F5F5}
table.menu
{
font-size:100%;
position:absolute;
visibility:hidden;
border-color: #000000;
border-style: solid;
border-width: 1px
}
</style>

en in de body:

code:

<script language="JavaScript">
function toonmenu(elmnt)
{
document.all(elmnt).style.visibility="visible"
}
function verstopmenu(elmnt)
{
document.all(elmnt).style.visibility="hidden"
}
</script>


<table align="center" bgcolor="000000">
<tr bgcolor="#000000">
<td>
<a href="?homepage">[img]"images/button01.jpg"[/img]</a><br>
</td>
<td onmouseover="toonmenu('site2')" onmouseout="verstopmenu('site2')">
<a href="?menu02">[img]"images/button02.jpg"[/img]</a><br>
<table class="menu" id="site2" width="190" cellspacing="0">
<tr><td class="menu" nowrap>
<script language="javascript" src="scripts/menu02.js"></script>
</td></tr>
</table>
</td>
<td onmouseover="toonmenu('site3')" onmouseout="verstopmenu('site3')">
<a href="?menu03">[img]"images/button03.jpg"[/img]</a><br>
<table class="menu" id="site3" width="190" cellspacing="0">
<tr><td class="menu" nowrap>
<script language="javascript" src="scripts/menu03.js"></script>
</td></tr>
</table>
</td>
<td onmouseover="toonmenu('site4')" onmouseout="verstopmenu('site4')">
<a href="?menu04">[img]"images/button04.jpg"[/img]</a><br>
<table class="menu" id="site4" width="190" cellspacing="0">
<tr><td class="menu" nowrap>
<script language="javascript" src="scripts/menu04.js"></script>
</td></tr>
</table>
</td>
<td onmouseover="toonmenu('site5')" onmouseout="verstopmenu('site5')">
<a href="?menu05">[img]"images/button05.jpg"[/img]</a><br>
<table class="menu" id="site5" width="190" cellspacing="0">
<tr><td class="menu" nowrap>
<script language="javascript" src="scripts/menu05.js"></script>
</td></tr>
</table>
</td>
<td onmouseover="toonmenu('site6')" onmouseout="verstopmenu('site6')">
<a href="?menu06">[img]"images/button06.jpg"[/img]</a><br>
<table class="menu" id="site6" width="190" cellspacing="0">
<tr><td class="menu" nowrap>
<script language="javascript" src="scripts/menu06.js"></script>
</td></tr>
</table>
</td>
<td onmouseover="toonmenu('site7')" onmouseout="verstopmenu('site7')">
<a href="?menu07">[img]"images/button07.jpg"[/img]</a><br>
<table class="menu" id="site7" width="190" cellspacing="0">
<tr><td class="menu" nowrap>
<script language="javascript" src="scripts/menu07.js"></script>
</td></tr>
</table>
</td>
<td onmouseover="toonmenu('site8')" onmouseout="verstopmenu('site8')">
<a href="?menu08">[img]"images/button08.jpg"[/img]</a><br>
<table class="menu" id="site8" width="190" cellspacing="0">
<tr><td class="menu" nowrap>
<script language="javascript" src="scripts/menu08.js"></script>
</td></tr>
</table>
</td>
</tr>
</table>

In deze versie zitten er 8 menutjes (uitklapbaar naar beneden) naast elkaar!

Een voorbeeld is hier te zien: http://www.mhproductions.org

Ik vind het een makkelijk script, maar het moet wel werken (ook in firefox) iemand wat tips?

Alvast bedankt...

[ Voor 96% gewijzigd door mhproductions op 25-09-2005 16:28 ]

[Verwijderd]

document.all
document.getElementById

En doe de rest van de wereld een lol, en ga geen Javascript tutorials en dat soort dingen op je site plaatsen

[mhproductions]

Bedankt het werkt nu goed...

Ik had alleen nog een klein ander vraagje!

Als je kijkt op mijn website ( http://www.mhproductions.org ) dan zie je dat op de homepage onderaan geen schaduwrand zit. Op alle andere pagina's van de website zitten deze echter wel! Ik heb echt alles geprobeerd om het voor elkaar te krijgen ook op de homepage een schaduwrand te krijgen, maar ik zou echt niet weten waar het aan ligt!

Misschien weet iemand het