Abstand Listen Bilder..

[bobomampf]

Hallo,
ich habe schon des öfteren bei einer Webseite folgendes Problem gehabt. Ich komm aber ums verrecken nicht drauf, woran es liegt dass dieser Abstand unten ist den ich nicht wegbekomme. Fast schon peinlich

Ich habe eine Liste in der ich Bilder habe. Die Liste dient als Navigation..

Im Prinzip so. Jetzt wird aber zwischen den einzelnen listenelementen ein doofer Abstand erstellt. In meiner CSS ist aber nichts, was diesen Abstand verursacht.

<ul>
<li>Bild</li>
<li>Bild</li>
<li>Bild</li>
<li>Bild</li>
<li>Bild</li>
</ul>

Das ist mein CSS Code für diesen Teil..


#navi-header { text-align: right; width: auto; height: auto; border-right: 1px solid #c50000;}#navi-header ul { text-align: right; list-style: none;}#navi-header ul li a { text-align: right; list-style: none; margin: 0px; padding: 0px;}#navi-header ul li { text-align: right; list-style: none; margin: 0px; padding: 0px;}
Und hier noch ein Bild um euch das Problem zu veranschaulichen. :/

 

[prm]

Versuch's mal damit:

#navi-header ul img {display: block;}

Siehe Lücke am unteren Bildrand

 

[bobomampf]

Der Abstand verschwindet zwar, aber mir verschiebts die ganze Navi nach links und ich weiss net warum. Eyeyey. Navigationen sind das schlimmste am Webdesign :/

 

[bobomampf]

Hat sich jetzt erledigt, indem ich die Line-height viel kleiner als die Bildhöhe eingestellt hab. Komisch aber es geht :)