[css Problem] Abstand zwischen Elementen in hor. Liste

Hallo,

nun habe ich länger gegoogelt, aber mein Problem scheinen die wenigsten Leute zu haben.
Gibt es eine Möglichkeit den Abstand zwischen den Listenelementen in einer horizontalen Liste zu ändern (zu verkleinern)?

Css:

Code:

#header ul{
	width:711px;
	display:block;
	top:255px;
	position:absolute;
	margin: 0px 0px 0px 0px;
	height:22px;
	padding:0px 0px 0px 0px;
	text-align:center;
}
#header li{
	display:inline;	
	font-size:x-small;
}

Html:

Code:

<div id="header">
	<ul>
	    <li><a href="#">Aktuell</a></li>
            <li><a href="#">Über uns</a></li>
            <li><a href="#">Mitglieder</a></li>
            <li><a href="#">Sport</a></li>
	    <li><a href="#">Events</a></li>
	</ul>
</div>

Bin für jeden Tipp dankbar!
Lg, mannyk

 

Definiere für "li" eine Breite.

 

Hallo,

Code:

width:10px;

habe ich schon probiert (verschiedenen Werte/mit Prozent, usw.).
Leider hat sich gar nichts verändert.

LG

 

Pas de problème...

Ich hoffe ich habe deine Fragestellung richtig verstanden - wenn ja, dann probiers mal folgendermaßen:

bei #header li einfach noch

HTML:

margin:0 0 0 -2px;

einfügen. Je geringer der Abstand sein soll, desto weiter muss die letzte Zahl in den negativen Bereich gehen.

 

Hallo und danke für deine Antwort.
Leider hat sich dadurch der Abstand nicht geändert. Als ich hinter alle Zahlen noch "px" hinzugefügt habe, hat sich die gesamte Liste lediglich nach links verschoben.
Damit es keine Missverständnisse gibt, habe ich ein Bild angehängt, dass die Abstände kennzeichnet, die ich meine.

Zurzeit habe ich die Schriftgröße so angepasst, dass es mit dem Abstand hinhaut.

Danke trotzdem,
mannyk

 

Seltsam... Hier mal 2 Screenshots - habe, um es zu verdeutlichen, bei li noch schwarzen Hintergrund gesetzt.