Hier der Code:
<html>
<head>
<title></title>
<meta name="author" content="Nancy">
<meta name="editor" content="html-editor phase 5">
<style type="text/css">
<!-
* {
margin: 0;
}
body {
text-align: center;
background-color: #ffffff;
font-size: 110%;
font-family: verdana;
}
#main {
margin: auto;
position: relative;
background-color: transparent;
}
#kopf {
margin: auto;
position: relative;
width: 900px;
height: 40px;
background-image: url(kopkarbsp.jpg);
}
#oben {
margin: auto;
position: relative;
width: 900px;
height: 100px;
background-image: url(schber.jpg);
border: 1px solid white;
}
#mitte {
margin: auto;
position: relative;
width: 898px;
height: 450px;
background-color: #ffffff;
border: 1px solid #00137f;
}
#navi {
margin: auto;
position: relative;
top: 0px;
width: 898px;
height: 25px;
background-color: #6666ff;
}
#navi ul {
list-style-type: none;
}
#navi li {
display: inline;
font-size: 14px;
line-height: 25px;
}
#navi a {
color: #ffffff;
text-decoration: none;
padding: 0 15px;
float: left;
}
#navi a:hover {
color: #6666ff;
background-color: #ffffff;
text-decoration: none;
font-size: 17px;
}
#unten {
margin: auto;
position: relative;
width: 900px;
height: 40px;
background-image: url(unt.jpg);
background-repeat: none;
}
</style>
</head>
<body>
<div id="main">
<div id="kopf">
</div>
<div id="oben">
</div>
<div id="mitte">
<div id="navi">
<ul>
<li><a href="#">Startseite</a></li>
<li><a href="#">über uns</a></li>
<li><a href="#">die Umgebung</a></li>
<li><a href="#">Angebot</a></li>
<li><a href="#">Speisekarte</a></li>
<li><a href="#">Obersaxen</a></li>
<li><a href="#">Galerie</a></li>
<li><a href="#">Kontakt</a></li>
</ul>
</div>
</div>
<div id="unten">
</div>
</div>
</body>
</html>
