Hover i menu med undermenu
Hey eksperter!Hvorfor virker min hovereffekt ikke i det her dokument:
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
function showMnu(id) {
var styleCheck = document.getElementById("mnu" + id).style.display;
//alert(styleCheck);
if (styleCheck == "inline") {
document.getElementById("mnu" + id).style.display = "none";
}
if (styleCheck == "none") {
document.getElementById("mnu" + id).style.display = "inline";
}
}
</script>
<style type="text/css">
<!--
a.menu { font-family: Verdana;
height: 10px;
color: #000000;
background: #CCFFCC;
width: 100%;
text-decoration: none;
border-top: 1px solid #CCFFCC;
border-bottom: 1px solid #CCFFCC;
border-left: 5px solid #CCFFCC;
border-left: 5px solid #CCFFCC;
padding: 1px }
a:menu.hover { font-family: Verdana;
font-size: 11pt;
color: #ffffff;
background: #bbbbbb;
text-decoration : none }
a:menu.active { font-family: Verdana;
color: #ff3333;
text-decoration : none }
-->
</style>
</head>
<body>
<table width="250" border="1">
<tr>
<td><div style='Cursor:Hand; cursor:pointer; Font-Family:Verdana; Font-Size: 13px;' OnClick='showMnu(1);'><a href="#" class='menu'>om siu</a></div>
<div style='Cursor:Hand; Font-Family:Verdana; Font-Size: 11px;display:none;' id='mnu1'><a href="#" class="menu"> - link1</a><br><a href="#" class="menu"> - link2</a></div>
</td>
</tr>
<tr>
<td><div style='Cursor:Hand; cursor:pointer; Font-Family:Verdana; Font-Size: 13px;' OnClick='showMnu(2);'><a href="#" class="menu">generel info</a></div>
<div style='Cursor:Hand; Font-Family:Verdana; Font-Size: 11px;display:none;' id='mnu2'> - link1<br> - link2</div>
</td>
</tr>
<tr>
<td><div style='Cursor:Hand; cursor:pointer; Font-Family:Verdana; Font-Size: 13px;' OnClick='showMnu(3);'>studiemuligheder</div>
<div style='Cursor:Hand; Font-Family:Verdana; Font-Size: 11px;display:none;' id='mnu3'> - link1<br> - link1</div>
</td>
</tr>
<tr>
<td><div style='Cursor:Hand; cursor:pointer; Font-Family:Verdana; Font-Size: 13px;' OnClick='showMnu(4);'>spørgsmål og svar</div>
<div style='Cursor:Hand; Font-Family:Verdana; Font-Size: 11px;display:none;' id='mnu4'> - link1<br> - link1</div>
</td>
</tr>
<tr>
<td><div style='Cursor:Hand; cursor:pointer; Font-Family:Verdana; Font-Size: 13px;' OnClick='showMnu(5);'>chat</div>
<div style='Cursor:Hand; Font-Family:Verdana; Font-Size: 11px;display:none;' id='mnu5'> - link1<br> - link1</div>
</td>
</tr>
<tr>
<td><div style='Cursor:Hand; cursor:pointer; Font-Family:Verdana; Font-Size: 13px;' OnClick='showMnu(6);'>kontakt</div>
<div style='Cursor:Hand; Font-Family:Verdana; Font-Size: 11px;display:none;' id='mnu6'> - link1<br> - link1</div>
</td>
</tr>
</table>
</body>
</html>
