Vertikale Liste ohne Zeilenabstand?

[htmlE46]

Ich versuche mit Bilder eine Linkliste zu erstellen.
Funktioniert auch alles soweit gut, jedoch ist immer zwischen den Bildern ein ca. 4px Abstand den ich nicht haben möchte.
Weiß jemand wie man soetwas wegbekommt?

Habe es so gemacht:

<ul id="Navigation">
<li><a class="1" href="#Link1"></a></li>
<li><a class="2" href="#Link2"></a></li>
<li><a class="3" href="#Link3"></a></li>
<li><a class="4" href="#Link4"></a></li>
<li><a class="5" href="#Link5"></a></li>
<li><a class="6" href="#Link6"></a></li>
<li><a class="7" href="#Link7"></a></li>
<li><a class="8" href="#Link8"></a></li>
</ul>

 

[Icy]

Versuchs doch mal per CSS (line-height oder margin)

MfG Icy

 

[htmlE46]

Habe ich schon ausprobiert. Jedoch bleibt der Abstand erhalten -.-

 

[threadi]

Ich verstehe nicht ganz: wo sind da die Bilder? Das ist nur eine Aufzählungsliste :?:

Falls du den Abstand nach links meinst: margin-left sollte das regeln können. Ansonsten wäre dein CSS noch interessant.

 

[htmlE46]

Nein, ich meinte den Abstand nach unten bzw oben, das die Objekte direkt zusammenhängen.

Die Bilder werden in meinem css angehängt.

a.1 { background-image:url('.....');}

Mehr habe ich leider im mom nicht mehr, weil alles nicht geklappt hat mit der Positionierung.

 

[threadi]

Verwende doch einen CSS-Prolog der alle Innen- und Außenabstände auf 0 setzt.

* { margin: 0px;padding: 0px; }

Und: verwende keine Klassennamen die nur aus Zahlen bestehen. Das ignoriert der Firefox und vermutlich auch andere Browser. Positiver Klassenname: "bg1".

Doctype darfst du auch nicht vergessen.