AW: css frage ANFÄNGER
ja sorry ich kann damit noch nich richtig um gehen also so sollte das aussehen :
und mein quelltext
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
XHTML namespace">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
<!--
body {
background-image: url(hintergrund-1.jpg);
background-repeat: repeat;
margin: 0px;
padding: 0px;
background-attachment: fixed;
}
#Hintergrundgrau {
width: 800px;
margin-right: auto;
margin-left: auto;
overflow: hidden;
}
#Balken {
margin-right: auto;
margin-left: auto;
overflow: hidden;
width: 120px;
height: 500px;
margin-top: 25px;
}
#Überschrift {
width: 800px;
background-repeat: no-repeat;
margin-right: auto;
margin-left: auto;
margin-top: 20px;
overflow: hidden;
}
#Navigation {
padding-top: 40px;
height: 12px;
width: 800px;
overflow: visible;
}
#Navigation li {
display: inline;
}
#Navigation lu {
list-style-type: none;
text-decoration: none;
}
#Navigation li a {
padding-right: 30px;
padding-left: 30px;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
margin-top: 5px;
font-weight: bold;
color: #FFF;
text-decoration: none;
}
#Aktiv-auf {
color: #000;
text-decoration: none;
float: left;
padding-left: 48px;
list-style-type: none;
padding-top: 10px;
font-family: Verdana, Geneva, sans-serif;
font-weight: bold;
}
#Hecht-zander-barsch-Aal-Friedfisch {
margin-left: 30px;
font-family: Arial, Helvetica, sans-serif;
color: #FFF;
}
#Hecht-zander-barsch-Aal-Friedfisch li {
padding-top: 5px;
}
#Hecht-zander-barsch-forelle {
color: #0F0;
padding-left: 70px;
padding-top: 45px;
}
#Hecht-zander-barsch-forelle li {
color: #FFF;
padding-bottom: 5px;
font-family: Arial, Helvetica, sans-serif;
}
#Newskasten {
background-color: #6F0;
height: 218px;
width: 200px;
margin-left: 600px;
margin-top: 10px;
margin-right: 2px;
float: right;
}
#LinkeNavigation {
width: 170px;
padding-right: 20px;
padding-top: 20px;
background-repeat: no-repeat;
}
#Boot {
font-family: Verdana, Geneva, sans-serif;
font-weight: bold;
list-style-type: none;
margin-left: 6px;
}
#Ansitz-auf {
padding-top: 0px;
margin-left: 6px;
list-style-type: none;
font-family: Verdana, Geneva, sans-serif;
font-weight: bold;
margin-top: 0px;
}
#Ansitz-auf li {
top: 444px;
right: 44px;
clip: rect(auto,auto,44px,auto);
}
#Schleppen-Jiggen-Dropshot {
color: #FFF;
list-style-type: disc;
margin-left: 30px;
}
#Schleppen-Jiggen-Dropshot li {
padding-bottom: 5px;
font-family: Arial, Helvetica, sans-serif;
}
-->
</style>
</head>
<body>
<div id="Hintergrundgrau" style="background-image:url(layout.jpg); width:800px; height:600px;">
<div id="Überschrift" style="background-image:url(überschrift.gif); width:800px; height:600px;">
<div id="Balken" style="background-image:url(Balken.png); width:800px; height:600px;">
<div id="Navigation"><lu><li><a href="Fangbilder.html">Fangbilder</a></li><li><a href="Ausrüstung.html">Ausrüstung</a></li><li><a href="Testberichte.html">Testberichte</a></li><li><a href="Gewässer">Gewässer</a></li><li><a href="Gästebuch">Gästebuch</a></li><li><a href="Kontakt">Kontakt</a></li></div>
<div id="LinkeNavigation">
<ul id="Aktiv-auf"><li>Aktiv auf :</li></ul>
<ul id="Hecht-zander-barsch-forelle"> <li>Hecht</li><li>Zander</li><li>Barsch</li><li>Forelle</li></ul>
<ul id="Ansitz-auf"><li>Ansitz auf :</li></ul>
<ul id="Hecht-zander-barsch-Aal-Friedfisch"><li>Hecht</li><li>Zander</li><li>Barsch</li><li>Aal</li><li>Friedfisch</li></ul>
<ul id="Boot"><li>Boot :</li></ul>
<ul id="Schleppen-Jiggen-Dropshot"><li>Schleppen</li><li>Jiggen</li><li>Drop Shot</li></ul>
</div>
</ul>
</body>
</html>