Menu flytter sig efter opløsning!
Jeg har følgende rullemenu, som jeg faktisk er meget gald for... Dog er der et problem, for man skal indstille hvor langt inde på siden vinduerne der skal "falde ned" skal komme. Det er heller ikke noget problem, det kommer først når jeg f.eks. indstiller det til 1024*768 og der så kommer en besøgende der kører 800*600... Kan jeg på en eller anden må lave det sådan så "fald ned" menuen altid kommer und den kategori den skal uanset hvilken opløsning man har?<script language="JavaScript">
<!--
function MM_findObj(n, d) { //v3.0
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); return x;
}
function MM_showHideLayers() { //v3.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }
obj.visibility=v; }
}
//-->
</script>
<script language="JavaScript">
function diverse(element,mode) {
if (mode=="in") {
cursortype = 'hand'
colorval = '#990000'
} else if (mode=="out") {
cursortype = ''
colorval = '#C0C0C0'
}
element.style.background=colorval;
element.style.cursor=cursortype;
}
function grenene(element,mode) {
if (mode=="in") {
cursortype = 'hand'
colorval = '#CC6600'
} else if (mode=="out") {
cursortype = ''
colorval = '#C0C0C0'
}
element.style.background=colorval;
element.style.cursor=cursortype;
}
function kontakt(element,mode) {
if (mode=="in") {
cursortype = 'hand'
colorval = '#CC9900'
} else if (mode=="out") {
cursortype = ''
colorval = '#C0C0C0'
}
element.style.background=colorval;
element.style.cursor=cursortype;
}
function flach(element,mode) {
if (mode=="in") {
cursortype = 'hand'
colorval = '#66AA66'
} else if (mode=="out") {
cursortype = ''
colorval = '#C0C0C0'
}
element.style.background=colorval;
element.style.cursor=cursortype;
}
function interne(element,mode) {
if (mode=="in") {
cursortype = 'hand'
colorval = '#336699'
} else if (mode=="out") {
cursortype = ''
colorval = '#C0C0C0'
}
element.style.background=colorval;
element.style.cursor=cursortype;
}
</script>
<td width="100" bgcolor="#990000"><a href="#" class="hvid" onMouseOver="MM_showHideLayers('diverse','','show','grenene','','hide','kontakt','','hide','flach','','hide','interne','','hide')"><center>diverse</center></a></td>
<td width="100" bgcolor="#CC6600"><a href="#" class="hvid" onMouseOver="MM_showHideLayers('diverse','','hide','grenene','','show','kontakt','','hide','flach','','hide','interne','','hide')"><center>grenene</center></a></td>
<td width="100" bgcolor="#CC9900"><a href="#" class="hvid" onMouseOver="MM_showHideLayers('diverse','','hide','grenene','','hide','kontakt','','show','flach','','hide','interne','','hide')"><center>kontakt os</center></a></td>
<td width="100" bgcolor="#66AA66"><a href="#" class="hvid" onMouseOver="MM_showHideLayers('diverse','','hide','grenene','','hide','kontakt','','hide','flach','','show','interne','','hide')"><center>flach</center></a></td>
<td width="100" bgcolor="#336699"><a href="#" class="hvid" onMouseOver="MM_showHideLayers('diverse','','hide','grenene','','hide','kontakt','','hide','flach','','hide','interne','','show')"><center>interne</center></a></td>
<td>
</td>
</tr></table>
<div id="diverse" style="position:absolute; left: 0px; visibility: hidden" onMouseOver="MM_showHideLayers('diverse','','show','grenene','','hide','kontakt','','hide','flach','','hide','interne','','hide')" onMouseOut="MM_showHideLayers('diverse','','hide','grenene','','hide','kontakt','','hide','flach','','hide','interne','','hide')">
<table width="150" border="0" cellspacing="0" cellpadding="0" bgcolor="#C0C0C0" class="border_menu">
<tr><td onmouseover="diverse(this,'in');" onmouseout="diverse(this,'out');" onClick="location.href='default.asp?';"><a class="lille_sort" href="default.asp?"> Forsiden</a></td>
</tr>
<tr><td onmouseover="diverse(this,'in');" onmouseout="diverse(this,'out');" onClick="location.href='default.asp?';"><a class="lille_sort" href="default.asp?"> Hvem er vi?</a></td>
</tr>
<tr><td onmouseover="diverse(this,'in');" onmouseout="diverse(this,'out');" onClick="location.href='default.asp?';"><a class="lille_sort" href="default.asp?"> Kalender</a></td>
</tr>
<tr><td onmouseover="diverse(this,'in');" onmouseout="diverse(this,'out');" onClick="location.href='default.asp?';"><a class="lille_sort" href="default.asp?"> Links</a></td>
</tr>
<tr><td onmouseover="diverse(this,'in');" onmouseout="diverse(this,'out');" onClick="location.href='default.asp?';"><a class="lille_sort" href="default.asp?"> Billeder</a></td>
</tr>
<FORM ACTION="default.asp?side=sog" METHOD="POST">
<tr><td class="border_menu2"><span class="lille_sort"><b> Søg</b><BR>
<input type="text" name="sog" size="20" style="font-family: Verdana; font-size: 8 pt; border-style: solid; border-width: 1">
<BR><DIV STYLE="text-align:right"><input type="submit" value="søg" style="font-family: Verdana; font-size: 7 pt; border-style: solid; border-width: 1"> </DIV><BR></td>
</tr>
</table></div>
<div id="grenene" style="position:absolute; left: 100px; visibility: hidden" onMouseOver="MM_showHideLayers('diverse','','hide','grenene','','show','kontakt','','hide','flach','','hide','interne','','hide')" onMouseOut="MM_showHideLayers('diverse','','hide','grenene','','hide','kontakt','','hide','flach','','hide','interne','','hide')">
<table width="150" border="0" cellspacing="0" cellpadding="0" bgcolor="#C0C0C0" class="border_menu">
<tr><td onmouseover="grenene(this,'in');" onmouseout="grenene(this,'out');" onClick="location.href='default.asp?';"><a class="lille_sort" href="default.asp?"> Mikro</a></td>
</tr>
<tr><td onmouseover="grenene(this,'in');" onmouseout="grenene(this,'out');" onClick="location.href='default.asp?';"><a class="lille_sort" href="default.asp?"> Mini</a></td>
</tr>
<tr><td onmouseover="grenene(this,'in');" onmouseout="grenene(this,'out');" onClick="location.href='default.asp?';"><a class="lille_sort" href="default.asp?"> Junior</a></td>
</tr>
<tr><td onmouseover="grenene(this,'in');" onmouseout="grenene(this,'out');" onClick="location.href='default.asp?';"><a class="lille_sort" href="default.asp?"> Troppen</a></td>
</tr>
<tr><td onmouseover="grenene(this,'in');" onmouseout="grenene(this,'out');" onClick="location.href='default.asp?';"><a class="lille_sort" href="default.asp?"> Senior</a></td>
</tr>
<tr><td class="border_menu2"><span class="lille_sort"><b> INFO</b></span></td></tr>
<tr><td onmouseover="grenene(this,'in');" onmouseout="grenene(this,'out');" onClick="location.href='default.asp?';"><a class="lille_sort" href="default.asp?"> Hvilken gren skal jeg i?</a></td>
</tr>
</table></div>
<div id="kontakt" style="position:absolute; left: 200px; visibility: hidden" onMouseOver="MM_showHideLayers('diverse','','hide','grenene','','hide','kontakt','','show','flach','','hide','interne','','hide')" onMouseOut="MM_showHideLayers('diverse','','hide','grenene','','hide','kontakt','','hide','flach','','hide','interne','','hide')">
<table width="150" border="0" cellspacing="0" cellpadding="0" bgcolor="#C0C0C0" class="border_menu">
<tr><td onmouseover="kontakt(this,'in');" onmouseout="grenene(this,'out');" onClick="location.href='default.asp?';"><a class="lille_sort" href="default.asp?"> Gruppen</a></td>
</tr>
<tr><td onmouseover="kontakt(this,'in');" onmouseout="grenene(this,'out');" onClick="location.href='default.asp?';"><a class="lille_sort" href="default.asp?"> Styrelsen</a></td>
</tr>
<tr><td onmouseover="kontakt(this,'in');" onmouseout="grenene(this,'out');" onClick="location.href='default.asp?';"><a class="lille_sort" href="default.asp?"> Gruppeledelsen</a></td>
</tr>
<tr><td onmouseover="kontakt(this,'in');" onmouseout="grenene(this,'out');" onClick="location.href='default.asp?';"><a class="lille_sort" href="default.asp?"> Ledere</a></td>
</tr>
<tr><td onmouseover="kontakt(this,'in');" onmouseout="grenene(this,'out');" onClick="location.href='default.asp?';"><a class="lille_sort" href="default.asp?"> Sejs Troldene</a></td>
</tr>
<tr><td onmouseover="kontakt(this,'in');" onmouseout="grenene(this,'out');" onClick="location.href='default.asp?';"><a class="lille_sort" href="default.asp?"> Webmaster</a></td>
</tr>
</table></div>
<div id="flach" style="position:absolute; left: 300px; visibility: hidden" onMouseOver="MM_showHideLayers('diverse','','hide','grenene','','hide','kontakt','','hide','flach','','show','interne','','hide')" onMouseOut="MM_showHideLayers('diverse','','hide','grenene','','hide','kontakt','','hide','flach','','hide','interne','','hide')">
<table width="150" border="0" cellspacing="0" cellpadding="0" bgcolor="#C0C0C0" class="border_menu">
<tr><td onmouseover="flach(this,'in');" onmouseout="grenene(this,'out');" onClick="location.href='default.asp?';"><a class="lille_sort" href="default.asp?"> Hvad er det?</a></td>
</tr>
<tr><td onmouseover="flach(this,'in');" onmouseout="grenene(this,'out');" onClick="location.href='default.asp?';"><a class="lille_sort" href="default.asp?"> Nyeste udgave</a></td>
</tr>
<tr><td onmouseover="flach(this,'in');" onmouseout="grenene(this,'out');" onClick="location.href='default.asp?';"><a class="lille_sort" href="default.asp?"> Læs flach</a></td>
</tr>
<tr><td onmouseover="flach(this,'in');" onmouseout="grenene(this,'out');" onClick="location.href='default.asp?';"><a class="lille_sort" href="default.asp?"> Indsend indlæg</a></td>
</tr>
<tr><td onmouseover="flach(this,'in');" onmouseout="grenene(this,'out');" onClick="location.href='default.asp?';"><a class="lille_sort" href="default.asp?"> Radaktionen</a></td>
</tr>
</table></div>
<div id="interne" style="position:absolute; left: 400px; visibility: hidden" onMouseOver="MM_showHideLayers('diverse','','hide','grenene','','hide','kontakt','','hide','flach','','hide','interne','','show')" onMouseOut="MM_showHideLayers('diverse','','hide','grenene','','hide','kontakt','','hide','flach','','hide','interne','','hide')">
<table width="150" border="0" cellspacing="0" cellpadding="0" bgcolor="#C0C0C0" class="border_menu">
<tr><td onmouseover="interne(this,'in');" onmouseout="grenene(this,'out');" onClick="location.href='default.asp?';"><a class="lille_sort" href="default.asp?"> Hvad er det?</a></td>
</tr>
<FORM ACTION="default.asp?side=interne&subisde=kontrol" METHOD="POST">
<tr><td class="border_menu2"><span class="lille_sort"><b> Login</b><BR>
<span class="lille_sort"> Brugernavn:</span><BR>
<input type="text" name="brugernavn" size="20" style="font-family: Verdana; font-size: 8 pt; border-style: solid; border-width: 1">
<span class="lille_sort"> Adgangskode:</span><BR>
<input type="password" name="adgangskode" size="20" style="font-family: Verdana; font-size: 8 pt; border-style: solid; border-width: 1"><BR>
<DIV STYLE="text-align:right"><input type="submit" value="Log på" style="font-family: Verdana; font-size: 7 pt; border-style: solid; border-width: 1"> </DIV></td>
</tr>
<tr><td class="border_menu2" onmouseover="interne(this,'in');" onmouseout="grenene(this,'out');" onClick="location.href='default.asp?';"><a class="lille_sort" href="default.asp?"> Glemt kode</a></td>
</tr>
<tr><td onmouseover="interne(this,'in');" onmouseout="grenene(this,'out');" onClick="location.href='default.asp?';"><a class="lille_sort" href="default.asp?"> Opret bruger</a></td></FORM>
</tr>
</table></div>
