default for en div er at den bliver placeret med style=\"position:relative\"
så fylder den også samtidig i den udlagte side så der ikke kan skrives noget andet der hvor den er.
her har jeg ændret for første og andet menupunkt så dropdovn laget bliver absolut placeret:
<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\">
<html>
<head>
<!-- Minus AutoDato -->
<title>Untitled</title>
<META NAME=\"Generator\" CONTENT=\"Stone\'s WebWriter 3\">
</head>
<body>
<!-- Her begynder den yderste tabel -->
<table width=100% cellspacing=\"0\" cellpadding=\"0\" border=\"0\" >
<tr>
<td Bgcolor=\"#514A36\"><style>
{ font-family: Verdana, Arial, sans-serif; font-size: 12px; color:\"ffffff\";}
font { font-family: Verdana, Arial, sans-serif; font-size: 12px; color:\"ffffff\";}
.popchr { position:absolute; top:15; width:120;
visibility:hidden; font-size: 12px
}
.gochr { position:absolute; top:15; width:120;
visibility:visible; font-size: 12px
}
A:Hover { color:\"ffffff\"; text-decoration:underline; font-size: 12px}
A { color:\"ffffff\"; text-decoration:none font-size: 12px}
body {margin-left:0px;
margin-right:0px;
margin-top:0px;}
</style>
<script language=javascript>
function showObject() {
document.all.div1.className = \'gochr\';
}
function hideObject() {
document.all.div1.className = \'popchr\';
}
function showObject2() {
document.all.div2.className = \'gochr\';
}
function hideObject2() {
document.all.div2.className = \'popchr\';
}
function showObject3() {
document.all.div3.className = \'gochr\';
}
function hideObject3() {
document.all.div3.className = \'popchr\';
}
</script>
<!-- Her begynder den midterste tabel -->
<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" >
<tr><td Valign=\"top\">
<div style=\"background-color:#514A36; width:120; font-size: 12px; margin:0px\" onmouseover=\"showObject()\" onmouseout=\"hideObject()\" >
<onmouseover=\"showObject()\" onmouseout=\"hideObject()\">Produkter</a>
</div>
<div id=div1 onmouseover=\"showObject()\" onmouseout=\"hideObject()\" class=\'popchr\' style=\"left:0; background-color:#ff00ff;\">
<a href=http://www.ditdanmark.dk onmouseover=\"showObject()\" onmouseout=\"hideObject()\">Videoredigering</a><br>
<a href=http://www.edderkoppen.dk onmouseover=\"showObject()\" onmouseout=\"hideObject()\">Lydstudie</a><br>
<a href=http://www.sol.dk onmouseover=\"showObject()\" onmouseout=\"hideObject()\">AV udstyr</a><br>
<a href=http://www.sol.dk onmouseover=\"showObject()\" onmouseout=\"hideObject()\">Info-skærme</a><br>
<a href=http://www.sol.dk onmouseover=\"showObject()\" onmouseout=\"hideObject()\">Overvågning</a><br>
<!-- linie for at udligne niveau -->
</div>
</td><td Valign=\"top\">
<div style=\"background-color:#514A36; width:120; font-size: 12px; margin:0px\" onmouseover=\"showObject2()\" onmouseout=\"hideObject2()\" >
<a href=http://hjem.get2net.dk/ahome/koder/javascript_rul_ned_liste_tekst.htm onmouseover=\"showObject2()\" onmouseout=\"hideObject2()\">Support</a>
</div>
<div id=div2 onmouseover=\"showObject2()\" onmouseout=\"hideObject2()\" class=popchr style=\"background-color:C9C01D; left=120;\">
<a href=http://www.lego.com onmouseover=\"showObject2()\" onmouseout=\"hideObject2()\">Legoland</a><br>
<a href=http://www.andeby.dk onmouseover=\"showObject2()\" onmouseout=\"hideObject2()\">Andeby</a><br>
<!-- linie for at udligne niveau -->
<font color=#C9C01D>|<Br>
|</font>
</div>
</td>
<td Valign=\"top\">
<div style=\"background-color:#514A36; width:120; font-size: 12px; margin:0px\" onmouseover=\"showObject3()\" onmouseout=\"hideObject3()\" >
<a href=http://hjem.get2net.dk/ahome/koder/javascript_rul_ned_liste_tekst.htm onmouseover=\"showObject3()\" onmouseout=\"hideObject3()\">Forum</a>
</div>
<div id=div3 onmouseover=\"showObject3()\" onmouseout=\"hideObject3()\" class=popchr style=\"background-color:C9C01D; left:240\">
<a href=http://www.dr.dk/nyheder onmouseover=\"showObject3()\" onmouseout=\"hideObject3()\">DR Nyheder</a><br>
<a href=http://www.politiken.dk onmouseover=\"showObject3()\" onmouseout=\"hideObject3()\">Politiken</a><br>
<!-- linie for at udligne niveau -->
<font color=#C9C01D>|<br>
|</font>
</div>
</td>
<td Valign=\"top\" width=120>
<font><A Href=bestilling.htm>Bestilling</A> </font>
</td>
<td Valign=\"top\" width=120>
<font><A Href=kontakt.htm>kontakt</A> </font>
</td>
<td Valign=\"top\" width=120>
<font><A Href=Profil.htm>Profil</A> </font>
</td>
<td Valign=\"top\" width=120>
<img src=logo.gif>
</td>
</tr>
</table>
<!-- Her slutter den midterste tabel -->
</table>
<!-- Her slutter den yderste tabel -->
<table border=\"0\" width=100% cellpadding=\"0\" cellespacing=\"0\">
<tr>
<td Bgcolor=\"#eoddb6\" width=20%>sdgsgsdgdsg
</td>
<td>
sdagsegs
</td>
</tr>
</table>
</body>
</html>
Ny bruger
Nybegynder
Opret
Preview
