ABAKUS

Verfasst: **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;
}

Verfasst: **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

Verfasst: **01.04.2011, 12:54**

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

Verfasst: **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

ABAKUS

Wortabstand im DIV-Fenster vergrößern

Wortabstand im DIV-Fenster vergrößern