Noget der hen af...? - kan sikkert laves kortere ...
men den burde være til at arbejde virdere på ...
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
<script type="text/javascript">
function show(sMenu){
document.getElementById(sMenu).style.display = "inline"
}
function hide(sMenu){
document.getElementById(sMenu).style.display = "none"
}
</script>
<style type="text/css">
html, body {
height: 100%;
}
ul.menu {position:absolute;
margin: 0px;
padding: 0px;
border: 0px;
}
h1, p {
margin: 0px;
padding: 0px;
clear: both;
}
.menu * {
margin: 0px;
border: 0px;
float: left;
text-align: right;
width: 180px;
height: 30px;
display: inline;
}
ul.spc{padding:0px;margin:0px;height:30px;}
ul.menu li a{width:160px;padding-right:20px;}
.header
{
color: #000;
width: 180px;
height:30px;
display: inline;
overflow: hidden;
font-family: Verdana, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 28px;
}
.items
{
position: absolute;
top: 0px;
left: 180px;
display: none;
list-style-type: none;
text-align: left;
background-color: #fff;
opacity: 0.9;
filter: alpha(opacity=75);
-moz-opacity: 0.9;
height: auto;
width: 180px;
overflow: hidden;
font-family: Verdana, Helvetica, sans-serif;
font-size: 12px;
line-height: 28px;
}
a
{
font-weight: normal;
height:30px;
color: #000;
text-decoration: none;
text-align:left;
padding-left: 0px;
}
a:hover
{
background-color: #999;
color: #FFF;
width: 160px;
text-decoration: none;
text-align:left;
padding-left: 20px;
padding-right:0px;
}
.items a
{
filter: alpha(opacity=99);
opacity: 1;
-moz-opacity: 1;
overflow: hidden;
text-align:left;
padding-left: 20px;
}
</style>
</head>
<body>
<table width="100%" height="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="center" valign="middle">
<table width="980" border="0" cellspacing="0" cellpadding="0" height="470" style="position:relative;">
<tr>
<td bgcolor="#00FFFF">
<table width="980" border="0" cellspacing="0" cellpadding="0" height="470" style="position:relative;">
<tr height="85">
<td align="left" valign="top" width="980" height="85"></td>
</tr>
<tr height="20">
<td class="stregtop" align="left" valign="top" width="980" height="20"> </td>
</tr>
<tr height="260">
<td align="left" valign="top" width="980" height="260">
<table width="980" border="0" cellspacing="0" cellpadding="0" height="260" style="position:relative;">
<tr height="260">
<td align="left" valign="top" width="180" height="260">
<ul class="menu">
<li><a href="#" class="header">Velkommen</a></li>
</ul><ul class="spc"> </ul>
<ul class="menu" onmouseover="show('menu02')" onmouseout="hide('menu02')">
<li><a href="#" class="header">Udstilling</a>
<ul class="items" id="menu02" onmouseout="hide('menu02')" onmouseover="show('menu02')">
<li><a href="husene/pyramide.html" target="frame2">Om kunstneren</a></li>
<li><a href="kommer.html" target="frame2">Galleri</a></li>
<li><a href="husene/taarn.html" target="frame2">Kontakt</a></li>
</ul>
</li>
</ul><ul class="spc"> </ul>
<ul class="menu" onmouseover="show('menu03')" onmouseout="hide('menu03')">
<li><a href="#" class="header">Bag om galleriet</a>
<ul class="items" id="menu03" onmouseout="hide('menu03')" onmouseover="show('menu03')">
<li><a href="husene/pyramide.html" target="frame3">Galleriets idegrundlag</a></li>
<li><a href="kommer.html" target="frame3">Faciliteter</a></li>
</ul>
</li>
</ul>
</td>
<td width="800" height="260" align="left" valign="top" bgcolor="#0066CC"> </td>
</tr>
</table>
</td>
</tr>
<tr height="20">
<td class="stregbund" align="left" valign="top" width="980" height="20"> </td>
</tr>
<tr height="85">
<td align="right" valign="bottom" width="980" height="85"> </td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
