Wortabstand im DIV-Fenster vergrößern

Beitrag von **Dominik83** » 01.04.2011, 12:13

Kann mir jemand erklären wie man einen sauberen Abstand von Wort zu Wort bei der Navigation einstellt?

Bisher hab ich das immer mit      gemacht, aber das ist auch nur eine Amateurlösung.

https://www.pictureupload.de/originals/ ... 5_1111.PNG

Der CSS-Code von der Navigation heißt:

/* Right sidebar */

#right-sidebar {
float: left;
width: 600px;
height: 2px;
margin: -78px 0 0 -720px;
padding: 0;
}

#right-sidebar ul {
list-style: none;
width: 700px;
height: 10px;
margin: 0 0 5px 0;
padding: 0 0 2px 0;
overflow: hidden;
}

#right-sidebar ul ul {
margin: 0;
padding: 0;
}

#right-sidebar span {
background: url(images/corner_top.png) top left no-repeat;
padding: 0;
}

#right-sidebar h2 {
background-image: url(images/topright.png);
background-position: top right;
background-repeat: no-repeat;
padding: 4px;
margin: 0;
font-size: 1.9em;
color: #000;
}

von **Anzeige von ABAKUS** »

SEO Consulting bei ABAKUS Internet Marketing
Erfahrung seit 2002

persönliche Betreuung
individuelle Beratung
kompetente Umsetzung

Jetzt anfragen: 0511 / 300325-0.

Beitrag von **devolo01** » 01.04.2011, 12:29

Nimm doch das Menü als Aufzählung (UL, LI) und setze auf die LI elemente das Margin und Padding.

Ansonsten jedes Element in einen Span oder Div mit einer klasse namens abstand und diese Entsprechend anpassen.

VG

Beitrag von **Dominik83** » 01.04.2011, 12:54

Ok... Und wie sieht der Code dann aus? Hab überhaupt keine Ahnung vom Programmieren.

Beitrag von **devolo01** » 01.04.2011, 13:29

Hat wenig mit Programierung eher mit HTML und CSS zu tun. In deinem Menü währe es dann z.B.

Code: Alles auswählen


<div id="nav">
 <ul>
  <li>Start</li>
  <li>Sport</li>
  <li>Politik</li>
  <li>Wissenschaft</li>
  <li>Wirtschaft</li>
  <li>Bildung</li>
 <ul>
</div>

CSS bin ich jetzt zu faul aber hier ein Prima Beispiel

https://de.selfhtml.org/css/layouts/nav ... horizontal