Hi doofyzz,
wenn Du daran interessiert bist, eine wirklich gute Webseite zu gestalten, solltest Du Dich mal mit dem Thema
semantische Auszeichnung des Inhalts beschäftigen: HTML dient dazu, den Inhalt der Seite als das auszuzeichnen, was er ist: Überschriften sind Überschriften
h1-
h6, Absätze sind Absätze
p, Tabellen sind Tabellen
table und Navigationen sind ungeordnete Listen
ul.
Eine Navigation wird demzufolge so ausgezeichnet:
PHP:
<ul id="navi-main">
<li><a href="profil.html">Profil</a></li>
<li><a href="leistungen.html">Leistungen</a></li>
<!-- ... -->
</ul>
Das Aussehen wird jetzt per CSS wie gewünscht formatiert:
Code:
ul#navi-main {
display: block;
margin: 0;
padding: 0;
}
ul#navi-main li {
display: block;
margin: 0;
padding: 0;
float: left;
}
ul#navi-main li a {
display: block;
}
Das darauffolgende Elemente sollte "clearen".
Jetzt kann man ganz einfach mit
margin oder
padding für
li oder
a die Abstände verändern.
Selbstverständlich könntest Du auch mit Deiner aktuellen Auszeichnung die Links zu einem Blockelement machen, links floaten lassen und ihnen
margin oder
padding geben. Aber semantische Auszeichnung ist wichtig für eine gute Webseite. Dazu gibt es übrigens viele interessante Artikel im Internet, unter anderem diesen hier:
Vorsprung durch Webstandards | Semantischer Code - Definitionen, Methoden, Zweifel .
In diesem Sinne frohes Fest!
Junny