CSS problem placering af menu mellem to billeder
Jeg har problemer med at få en menu bestående af nogle alm. links til at sætte sig ordenligt mellem et banner og et andet billede som skal være mit design.Problemet kan ses her: http://www.frip.dk/twister/
Jeg er ret ny til CSS og HTML så jeg ved ikke rigtig hvad jeg skal gøre, kender måske ikke de rigtige tags. Så jeg håber der er noget der kan lave en rettelse i min kode.
Her er koden:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>LHTJ-Design - Forside</title>
<style type="text/css">
<!--
.style1 {font-family: "Good Times"}
.style2 {
font-family: "Courier New", Courier, monospace
}
body {
margin:0px;
padding:0px;
width:741px;
margin-top:25px;
margin-left:0px;
margin-right:0px;
}
.menuLink {
color: RED;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-left: 220px;
margin-top: 9px;
}
#banner {
margin-left: 220px;
margin-top: 8px;
}
#vandfald {
position:absolute;
margin-left: 220px;
margin-top: 50px;
}
a:link {
color: #000000;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #000000;
}
a:hover {
text-decoration: none;
color: #000033;
}
a:active {
text-decoration: none;
color: #000000;
}
-->
</style>
</head>
<body>
<img id="vandfald" src="vandfald.jpg" />
<img id="banner" src="streg-orange.jpg" onclick="index.htm" />
<div id="myTop"</div>
<a href="index.htm" class="menuLink">Forside</a>
<a href="index.htm" class="menuLink">Produkter</a>
<a href="index.htm" class="menuLink">Om LHTJ-Design</a>
<a href="index.htm" class="menuLink">Kontakt</a>
</body>
</html>
