listenformatierung nur mit abstand?!

[xdream1328]

guten abend allerseits

ich haben ein kleines problem bei der formatierung einer liste.
es soll mit hilfe einer liste eine senkrechte navigationsleiste entstehen. die einzelnen navigationspunkte sind graphiken und diese müssen ohne abstand zueinander stehen. obwohl ich alle innen- und ausßenabstände in dem <li> elementen auf null gesetzt habe, wird mir ein 3px breiter abstand zwischen den bildern angezeigt.
Wenn ich in den <li> elementen margin-top auf -3px setzte, dann sind alle images richtig.

ich hab das mal in eine datei geschrieben und hochgeladen.
http://www.amplid.com/projekt/test/test.html

wäre supet wenn mir jemand einen tipp geben könnte.

danke und greetz

xdream1328

[Cyx23]

Hallo,

Wenn ich in den <li> elementen margin-top auf -3px setzte, dann sind alle images richtig.

so:
li {line-height:.4em;}
oder so:
li {display:inline;}
schauts auch richtig aus.

Grüsse

Cyx23

[xdream1328]

hallo @ all
ich hab noch einen link zu diesem thema gefunden, mit dem ich das problem lösen konnte. wen's noch interessiert.

http://www.carsten-protsch.de/zwischennetz/doctype/luecken.html

danke und greetz

xdream1328

[CurtB]

Hi,

...] wen's noch interessiert.

Also neben den schon genannten Lösungen display:inline; und line-height:.4em; gibt es besonders für den IE noch eine elegante Möglichkeit per vertical-align:bottom.

Beim IE kann es übrigens in einigen Fällen auch noch hilfreich sein ul floaten zu lassen, vgl. auch Listen Menu CSS für alle Browser, etwa per CSS-Weiche * html, und dann natürlich per ul li { clear:left; } das Floaten wieder zu beenden.

Gruß
CurtB