Ich würde gerne wissen wie ich in der Navigation z.B den Link Startseite mittig von meiner Navi Grafik bekomme (margin-top,padding-top funzt nicht)
[Blockierte Grafik: http://www.imagebanana.com/img/7fd4c2xv/thumb/Unbenannt1.png]
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<title></title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<meta name="description" content="" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<link href="style.css" type="text/css" rel="stylesheet"/>
</head>
<body>
<div id="wrapper">
<div id="kopf">
<img src="Bilder/Header.png" border="" height="151" width="1000" alt="VDragons World" />
</div>
<div id="trennbalken">
</div>
<div id="steuerung">
<ul>
<li class="n1"><a href="index.html">Startseite</a></li>
<li><a href="news.html">News</a></li>
<li><a href="artikel.html">Artikel</a></li>
<li><a href="downloads.html">Downloads</a></li>
<li><a href="videos.html">Videos</a></li>
<li><a href="bilder.html">Bilder</a></li>
<li><a href="forum.html">Forum</a></li>
</ul>
</div>
<div id="spaltelinks">
Spalterlinks <br />
dsafasd
</div>
<div id="spalterechts">
Spaltelrechts
</div>
<div id="inhalt">
Inhalt<br />
Inhalt<br />
Inhalt<br />
Inhalt<br />
Inhalt<br />
Inhalt<br />
Inhalt<br />
Inhalt<br />
Inhalt<br />
Inhalt<br />
Inhalt<br />
Inhalt<br />
Inhalt<br />
Inhalt<br />
Inhalt<br />
Inhalt<br />Inhalt<br />
Inhalt<br />
Inhalt<br />
Inhalt<br />
Inhalt<br />
Inhalt<br />
Inhalt<br />
Inhalt<br />
Inhalt<br />
Inhalt<br />
Inhalt<br />
Inhalt<br />Inhalt<br />
Inhalt<br />
Inhalt<br />
Inhalt<br />
Inhalt<br />
Inhalt<br />
Inhalt<br />
Inhalt<br />
Inhalt<br />
Inhalt<br />
Inhalt<br />
Inhalt<br />
Inhalt<br />
Inhalt<br />
Inhalt<br />
Inhalt<br />
Inhalt<br />
Inhalt<br />
Inhalt<br />
Inhalt<br />
Inhalt<br />
Inhalt<br />
Inhalt<br />
Inhalt<br />
Inhalt<br />
Inhalt<br />
Inhalt<br />
Inhalt<br />
Inhalt<br />
Inhalt<br />
Inhalt<br />
Inhalt<br />
Inhalt<br />
Inhalt<br />
Inhalt<br />
Inhalt<br />
</div>
<div id="fuss">
Fuss
</div>
</div>
</body>
</html>Code
* {
margin: 0;
padding: 0;
}
body {
text-align: center;
background-image: url(Bilder/space12.png);
background-repeat: no-repeat;
background-attachment: fixed;
}
li {
display: inline;
}
#steuerung .n1 {
padding-right: 40px;
margin-left: 40px;
}
.n2 {
}
.n3 {
}
.n4 {
}
.n5 {
}
.n6 {
}
.n7 {
}
#steuerung a {
text-decoration: none;
color: white;
font-size: 18px;
font-family: Arial sans-serif;
}
#wrapper {
background-image: url(Bilder/BG.png);
width: 1000px;
margin: 0 auto;
text-align: left;
}
#kopf {
height: 151px;
}
#trennbalken {
background-image: url(Bilder/TBalken.png);
width: 1000px;
height: 7px;
}
#steuerung {
background-image: url(Bilder/Navio.png);
width: 1000px;
height: 48px;
margin-top: -3px;
}
#spaltelinks {
width: 165px;
float: left;
}
#spalterechts {
width: 165px;
float: right;
}
#inhalt {
margin-left: 180px;
margin-right: 180px;
}
#fuss {
background-image: url(Bilder/Fuss.png);
width: 1000px;
height: 22px;
clear: both;
}