Ik maak een dropdown menu met behulp van tables, css en javascript, maar het lijkt te falen in Firefox. Als ik een knop voor de eerste keer hover gaat alles goed, maar bij de tweede keer komt het dropdown menu er plotseling naast te staan..
Het is een beetje lastig uit te leggen, daarom heb ik het geupload op http://darkool.nl/table.php
Ook nog een plaatje dat het uitlegt:
In overige browsers (Zowel IE, Opera en Safari) doet dit het prima.
Bedankt, Patrick.
Het is een beetje lastig uit te leggen, daarom heb ik het geupload op http://darkool.nl/table.php
Ook nog een plaatje dat het uitlegt:
In overige browsers (Zowel IE, Opera en Safari) doet dit het prima.
Bedankt, Patrick.
Code:
<script>
function showMenu(num) {
for (var count = 1; id = document.getElementById("show"+num+"."+count); ++count) {
id.style.display = "block";
}
}
function hideMenu(num) {
for (var count = 1; id = document.getElementById("show"+num+"."+count); ++count) {
id.style.display = "none";
}
}
</script>
<style>
* {
margin: none;
padding: none;
}
tr {
vertical-align: top;
}
td.menu0 {
border: 1px solid black;
display: none;
}
td.menu1 {
border: 1px solid black;
display: block;
}
</style>
<table id='menus' cellpadding='0' cellspacing='0'><tr><td>
<table onMouseOver='showMenu(0)' onMouseOut='hideMenu(0)' id='menu0' class='menu' cellpadding='0' cellspacing='0'>
<tr><td id='show' class='menu1'>Over ons</td></tr>
<tr><td id='show0.1' class='menu0'>Informatie</td></tr>
<tr><td id='show0.2' class='menu0'>Biografie</td></tr>
</table>
</td></tr></table>