min menu vil ikke vises i netscape?
Hej,Jeg har længe ledt efter en menu der kunne tilpasses efter mit design med tables, men men... Jeg fandt engang en stump kode som jeg så har arbejdet videre med og det er lykkedes mig at "\lave"\ en menu som virker og opfører sig perfekt, lige efter mit ønske. Men den virker ikke i Netskod. Selvom at ca 91% anvender IE 5.x , IE 6,x så vil jeg gerne at den også virkede i NS6+
Jeg poster lige koden: Obs. Denne kode er lidt forenklet af den jeg anvender nu idet jeg nu kører via en database og med asp, så den laver menuen efter indholdet i DBen, men ellers den samme menu.
Kode:
<html>
<head>
<title>Menu</title>
<STYLE>
.menu {background-color:#C0C0C0; width:100; height: 100%; color: #000000; text-align: center}
.submenu {position:absolute; width:120; background-color:#c0c0c0; border: 1 solid #000000; text-decoration:none;}
.substyle {background-color:#CCCCCC;}
.menulayout {border-right: 1 solid #000000}
A:link { font-family: verdana, geneva, arial, helvetica, sans-serif; font-size: 8pt; color: #000000; width: 100%;text-decoration:none;}
A:visited { font-family: verdana, geneva, arial, helvetica, sans-serif; font-size: 8pt; color: #000000; width: 100%;text-decoration:none;}
A:active { font-family: verdana, geneva, arial, helvetica, sans-serif; font-size: 8pt; color: #000000; width: 100%;text-decoration:none;}
A:hover { font-family: verdana, geneva, arial, helvetica, sans-serif; font-size: 8pt; color: #000000; width: 100%;text-decoration:none;}
</STYLE>
<script language="Javascript">
function mIn(menu)
{
menu.style.background = "#FFFFFF";
menu.style.cursor = "hand";
}
function mOut(menu)
{
if (document.all) {
menu.style.background = "#CCCCCC";
}
}
var cm=null;
document.onclick = new Function("show(null)")
function getPos(el,sProp) {
var iPos = 0
while (el!=null) {
iPos+=el["offset" + sProp]
el = el.offsetParent
}
return iPos
}
function show(el,m) {
if (m) {
m.style.display='';
m.style.pixelLeft = getPos(el,"Left") + 0
m.style.pixelTop = getPos(el,"Top") + el.offsetHeight + 3
}
if ((m!=cm) && (cm)) cm.style.display='none'
cm=m
}
</SCRIPT>
<Link 1</A>
</head>
<body>
<!-- Menutitler -->
<table border="0" width="0%" style="border: 1 solid #000000" cellspacing="0" cellpadding="0" height="0%">
<tr>
<td width="0%" height="100%" class="menulayout"> <DIV ID="d0" onmouseover="show(this),mIn(this);" onmouseout="mOut(this);" class="menu"><font face="Verdana" size="1"><a href="#">Overskrift - sub</a></font></DIV></td>
<td width="0%" height="100%" class="menulayout"> <DIV ID="d1" onmouseover="show(this,ds1),mIn(this);" onmouseout="mOut(this);" class="menu"><font face="Verdana" size="1"><img border="0" src="pic/trekant_sort.gif" width="9" height="5">Overskrift 1</font></DIV></td>
<td width="0%" height="100%" class="menulayout"> <DIV ID="d2" onmouseover="show(this,ds2),mIn(this);" onmouseout="mOut(this);" class="menu"><font face="Verdana" size="1"><img border="0" src="pic/trekant_sort.gif" width="9" height="5">Overskrift 2</font></DIV></td>
<td width="0%" height="100%"> <DIV ID="d3" onmouseover="show(this,ds3),mIn(this);" onmouseout="mOut(this);" class="menu"><font face="Verdana" size="1"><img border="0" src="pic/trekant_sort.gif" width="9" height="5">Overskrift 3</font></DIV></td>
</tr>
</table>
<!-- Menutitler afsluttes-->
<!-- Undermenu 1 -->
<DIV ID="ds1" CLASS="submenu" STYLE="display: none; ">
<table border="0" cellpadding="0" cellspacing="3" width="100%">
<tr><td style="padding-left: 3; padding-right: 3" onmouseover="mIn(this);" onmouseout="mOut(this);" class="substyle"><A HREF="#">Link 1</a></td></tr>
<tr><td style="padding-left: 3; padding-right: 3" onmouseover="mIn(this);" onmouseout="mOut(this);" class="substyle"><A HREF="#">Link 1</A></td></tr>
<tr><td style="padding-left: 3; padding-right: 3" onmouseover="mIn(this);" onmouseout="mOut(this);" class="substyle"><A HREF="#">Link 1</A></td></tr>
<tr><td style="padding-left: 3; padding-right: 3" onmouseover="mIn(this);" onmouseout="mOut(this);" class="substyle"><A HREF="#">Link 1</A></td></tr>
</table>
</DIV>
<!-- Undermenu 1 afsluttes-->
<!-- Undermenu 2 -->
<DIV ID="ds2" CLASS="submenu" STYLE="display: none; ">
<table border="0" cellpadding="0" cellspacing="3" width="100%">
<tr><td style="padding-left: 3; padding-right: 3" onmouseover="mIn(this);" onmouseout="mOut(this);" class="substyle"><A HREF="#">Link 1</A></td></tr>
<tr><td style="padding-left: 3; padding-right: 3" onmouseover="mIn(this);" onmouseout="mOut(this);" class="substyle"><A HREF="#">Link 1</A></td></tr>
<tr><td style="padding-left: 3; padding-right: 3" onmouseover="mIn(this);" onmouseout="mOut(this);" class="substyle"><A HREF="#">Link 1</A></td></tr>
<tr><td style="padding-left: 3; padding-right: 3" onmouseover="mIn(this);" onmouseout="mOut(this);" class="substyle"><A HREF="#">Link 1</A></td></tr>
</tr>
</table>
</DIV>
<!-- Undermenu 2 afsluttes -->
<!-- Undermenu 3 -->
<DIV ID="ds3" CLASS="submenu" STYLE="display: none; ">
<table border="0" cellpadding="0" cellspacing="3" width="100%">
<tr><td style="padding-left: 3; padding-right: 3" onmouseover="mIn(this);" onmouseout="mOut(this);" class="substyle"><A HREF="#">Link 1</A></td></tr>
<tr><td style="padding-left: 3; padding-right: 3" onmouseover="mIn(this);" onmouseout="mOut(this);" class="substyle"><A HREF="#">Link 1</A></td></tr>
<tr><td style="padding-left: 3; padding-right: 3" onmouseover="mIn(this);" onmouseout="mOut(this);" class="substyle"><A HREF="#">Link 1</A></td></tr>
<tr><td style="padding-left: 3; padding-right: 3" onmouseover="mIn(this);" onmouseout="mOut(this);" class="substyle"><A HREF="#">Link 1</A></td></tr>
</table>
</DIV>
<!-- Undermenu 3 afsluttes -->
</body>
</html>
Håber på lidt feedback
Med venlig hilsen
Daniel D
