Menu-linjen skal i nedenstående beholde sin højde! Som er auto.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd"> <html>
<head>
<meta http-equiv="content-Type" content="text/html; charset=iso-8859-1" />
<title>k</title>
<style type="text/css">
body {
background-color: #FFFFFF;
margin: 0px;
padding: 0px;
height: 100%;
width: 100%;
}
#top {
height: 15%;
width: 100%;
background-color: #BC0929;
}
#indhold {
height: 75%;
width: 100%;
background-color: #FFFFFF;
}
#bottom {
height: 10%;
width: 100%;
background-color: #BC0929;
}
#menu {
height: auto;
width: 100%;
background-color: #FBE6F2;
border-bottom: 1px solid #BC0929;
overflow: hidden;
}
.menupunkt {
height: auto;
width: auto;
margin: 0px;
padding-left: 10px;
background-color: transparent;
float: left;
overflow: hidden;
}
#menupunkttid {
height: auto;
width: auto;
margin: 0px;
padding: 0px;
background-color: transparent;
float: right;
overflow: hidden;
}
.menubillede {
padding-right: 5px;
}
a {
color: black;
visited: black;
font-family: arial;
text-decoration:none;
font-size: 11px;
}
a:hover {
color: black;
text-decoration: underline;
}
</style>
</head>
<body>
<div id="top"></div>
<div id="indhold">
<div id="menu">
<div class="menupunkt"><img src="Mouse-over.jpg" class="menubillede"><a href=""></a></div>
<div class="menupunkt"><img src="Mouse-over.jpg" class="menubillede"><a href="" title="">sdsdsdsdsdsd</a></div>
<div class="menupunkt"><img src="Mouse-over.jpg" class="menubillede"><a href="" title="">sdsdsdsdsd</a></div>
<div class="menupunkt"><img src="Mouse-over.jpg" class="menubillede"><a href="" title="">sdsdsdsd</a></div>
<div class="menupunkt"><img src="Mouse-over.jpg" class="menubillede"><a href="" title="">sdsdsdsds</a></div>
<div class="menupunkt"><img src="Mouse-over.jpg" class="menubillede"><a href="" title="">sdsdsdsd</a></div>
<div class="menupunkt"><img src="Mouse-over.jpg" class="menubillede"><a href="" title="">sdsdsd</a></div>
<div class="menupunkt"><img src="Mouse-over.jpg" class="menubillede"><a href="" title="">sdfsfsfsf</a></div>
<div id="menupunkttid"><script type="text/javascript" src="dato.js"></script></div>
</div>
</div>
<div id="bottom">d</div>
</body>
</html>
Ny bruger
Nybegynder
Opret
Preview
