<!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=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
body,td,th {
font-family: "Trebuchet MS", Verdana, sans-serif;
font-size: 96%;
background-color:#5C5858;
}
* {
margin:0;
padding:0;
}
#layout {
width : 955px;
height : 600px;
margin : 36px auto 0 auto;
background-image : url(bilder/hintergrund.jpg);
background-repeat : no-repeat;
background-position : center 0%;
/*border : 1px solid green;*/
}
#inhalt {
height : 550px;
margin-right: 152px;
padding: 0px;
/*border: 1px solid red;*/
}
#navi {
float: right;
height : 550px;
width:150px;
padding: 0px;
/*border: 1px solid black;*/
}
#fuss {
background-color:#C20339;
height : 50px;
clear: both;
padding: 0;
/*border: 1px solid blue;*/
}
#text {
padding-left:150px;
padding-top: 120px;
}
#menue {
margin-top: 150px;
width:150px;
font-size:12px;
}
#menue ul, #menue li {
list-style-type: none;
padding: 0px;
margin: 0px;
}
#menue li a:link, #menue li a:visited, #menue li a:active {
display:block;
background-color:#C20339;
color:#fff;
text-decoration:none;
margin-bottom: 4px;
margin-top: 4px;
padding-left: 5px;
height: 24px;
line-height: 24px;
}
#menue li a:hover {
background-color:#337F3F;
color:#fff;
}
#unterschrift {
padding-top: 1px;
text-align: center;
font-size: 2.4em;
color:#fff;
}
#leiste {
padding-top: 420px;
}
.schriftzug {
width: 100%;
height: 100%;
padding-top: 110px;
padding-left: 150px;
}
h1,h2,h3 {
color: Maroon;
}
h1 {
text-align: center;
font-size: 2.3em;
color:#fff;
}
h2 {
text-align: center;
font-size: 1.8em;
color:#fff;
}
h3 {
font-size: 1.3em;
padding-top: 5px;
}
</style>
</head>
<body>
<div id="layout">
<div id="navi">
<div id="menue">
<ul >
<li><a href="index.html" onfocus="this.blur()">punkt1</a></li>
<li><a href="index.html" onfocus="this.blur()">punkt2</a></li>
<li><a href="index.html" onfocus="this.blur()">punkt3</a></li>
<li><a href="index.html" onfocus="this.blur()">punkt4</a></li>
<li><a href="index.html" onfocus="this.blur()">punkt5</a></li>
<li><a href="index.html" onfocus="this.blur()">punkt6</a></li>
</ul>
</div>
</div>
<div id="inhalt"><div id="leiste"><img src="bilder/leiste.gif" width="955" height="130" /></div>
<div class="schriftzug"><img src="bilder/schriftzug.gif" width="325" height="146" /></div>
</div>
<div id="fuss">
<div id="unterschrift">Meine Private Hompage
</div>
</div>
</div>
</body>
</html>
--------------------------------------------------
Es sind die beiden Bilder Schriftzug. gif und leiste.gif in der Devision Inhalt gemeint.
Danke für die schnelle Antwort gruß
Micha