-- og den kode ser sådan ud:
<HEAD><TITLE>Menu v. 0.1.0</TITLE>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<STYLE type=text/css>
body {
font-family: Verdana, Arial;
font-size: 11px;
color: #000000;
}
div.topmenu {
border: 1px solid #808080;
width: 750px;
height: 21px;\n background-color: #5A6994;
}
a.topmenu {
padding-top: 3px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 5px;
color: #FFFFFF;
text-decoration: none;
display: block;
/*float: left;*/
}
a.topmenu:hover {
background-color: #C36200;
}
div.submenu {
width: 150px;
position: absolute;
z-index: 1;
visibility: hidden;
border: 1px solid #808080;
background-color: #5A6994;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
-moz-opacity: 0.90;
}
a.submenu {
width: 135px;
padding-top: 3px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 5px;
color: #FFFFFF;
text-decoration: none;
display: block;
float: left;
}
a.submenu:hover {
width: 135px;
background-color: #C36200;
}
div.positionbox {
float: left;
}
</STYLE>
</HEAD>
<BODY>
<SCRIPT type=text/javascript>
function showmenu(elmnt, obj) {
document.getElementById(elmnt).style.visibility="visible";
}
function hidemenu(elmnt) {
document.getElementById(elmnt).style.visibility="hidden";
}
</SCRIPT>
<DIV class=topmenu>
<DIV class=positionbox>
<A class=topmenu onmouseover="showmenu('forside', this)" onclick=Pos(this) onmouseout="hidemenu('forside')" href="#">Forside</A>
<DIV class=submenu id=forside onmouseover="showmenu('forside')" onmouseout="hidemenu('forside')">
<A class=submenu href="#">Forsiden</A>
<A class=submenu href="#">Andet..</A>
<A class=submenu href="#">Kontakt</A>
</DIV>
</DIV>
<DIV class=positionbox>
<A class=topmenu onmouseover="showmenu('info', this)" onmouseout="hidemenu('info')" href="#">Information</A>
<DIV class=submenu id=info onmouseover="showmenu('info')" onmouseout="hidemenu('info')">
<A class=submenu href="#">Generelt</A>
<A class=submenu href="#">Konkurrencer</A>
<A class=submenu href="#">Præmier</A>
<A class=submenu href="#">Rutebeskrivelse</A>
<A class=submenu href="#">Kontakt os</A>
</DIV>
</DIV>
<DIV class=positionbox>
<A class=topmenu href="#">Tilmeld</A>
</DIV>
<DIV class=positionbox>
<A class=topmenu href="#">Deltagere</A>
</DIV>
</DIV>
Dette er en test, Dette er en test, Dette er en test, Dette er en test,<BR>Dette er en test, Dette er en test, Dette er en test, Dette er en test,<BR>Dette er en test, Dette er en test, Dette er en test, Dette er en test,<BR>Dette er en test, Dette er en test, Dette er en test, Dette er en test,<BR>Dette er en test, Dette er en test, Dette er en test, Dette er en test..
</BODY>
