Guten Tag,
Kommen wir direkt zum Thema. Ich weiß nicht wie ich meine Navigation in die Mitte stelle oder etwas unten.
Auf dem Bild ist ein Beispiel. Das Schwarze und rote makierte sollte darstellen das ich die Navigation eigentlich da haben möchte. Hab’s mit margin-top versucht doch es tut sich nichts.
HTML Code:
[CODE]
Page</header>
<nav><center>
<li><a href="#" class="active">Home</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">News</a></li>
<li><a href="#">Forum</a></li>
</nav></center>
CSS:
nav {
display:block;
margin:0 auto;
height:50px;
width:100%;
background:#FFF;
}
nav a {
text-decoration:none;
color:#2F2C2C;
text-shadow:0.1px 0.1px 0.1px #2F2C2C;
font-family:Helvetica;
font-weight:50;
}
nav li {
list-style:none;
display:inline;
}
nav a,li {
margin:10px;
}
nav a:hover {
background:#F4F1F1;
}