Hallo,
ich habe aktuell ein Problem beim Coden mit CSS.
Ich habe ein Headerelement, welches für eine Navigationsleiste benutzt wird, und ein Section-Element, welches den Hauptinhaltsteil darstellt.
Das Problem, das ich habe ist allerdings, dass die Navigationsleiste für mich etwas zu hoch steht, ich hätte sie gerne nur ca. 4-5px über der Section.
Hier könnt ihr mal sehen, wie das aussieht. Wie gesagt, das Navigationsmenü soll etwas tiefer.
Hier der dazugehörige Code:
HTML
<header id="navigation">
<nav id="nav"><ul>
<li><a href="#" id="active">home</a></li>
<li><a href="users.php">nutzerliste</a></li>
<li><a href="infos.php">informationen</a></li>
<li><a href="links.php">linkliste</a></li>
</ul></nav>
</header>
<section id="content">
<div id="inhalt"><h2>Lorem Ipsum</h2><br>
TEST!!<br>
TEST!!
</div>
</section>CSS
#nav {
width: 400px;
list-style: none;
text-align: center;
margin: 0 auto 0 auto;
padding: 0;
text-indent: 0;
display: block;
}
#nav li {
padding: 0;
margin: 0;
text-indent: 0;
display: inline;
}
#content {
margin: 0 auto;
padding: 0;
width: 800px;
background-color: #ffc90e;
border: 5px solid #000;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
}Wie ihr seht, arbeite ich zwar bereits mit Margin, allerdings kann ich damit den Abstand scheinbar doch nicht so beeinflussen wie ich es wollte.
Ich hoffe ihr könnt mir weiterhelfen.
Mit freundl. Grüßen
Padarom
Sollte jetzt funktionieren..
