Bilder nicht genau nebeneinander | Wie entfern ich den Abstand?

[DK]

Hallo,

ich wollte mir grade einen kleinen Slider erstellen.
Jetzt hab ich dabei mehrere Bilder in einen <div>-Container gesteckt, der wiederrum in einem kleineren Container steckt.

  
    <div style="float: left; border: 1px solid white; padding: 15px 0px; background-color: white; height: 110px; width: 684px; overflow: hidden;">  
    <div style="height: 106px; white-space: nowrap; margin-left: 0px;" onclick="slide();" id="sliderthumbs">  
     <img name="sliderthumb" style="margin: 0px 5px; width: 150px; height: 100px; border: 1px solid #102B91; padding: 3px; background-color: lightcyan;" src="galery/test.jpg">  
     <img name="sliderthumb" style="margin: 0px 5px; width: 150px; height: 100px; border: 1px solid #102B91; padding: 3px; background-color: lightcyan;" src="galery/test2.jpg">  
     <img name="sliderthumb" style="margin: 0px 5px; width: 150px; height: 100px; border: 1px solid #102B91; padding: 3px; background-color: lightcyan;" src="galery/test3.jpg">  
     <img name="sliderthumb" style="margin: 0px 5px; width: 150px; height: 100px; border: 1px solid #102B91; padding: 3px; background-color: lightcyan;" src="galery/test4.jpg">  
     <img name="sliderthumb" style="margin: 0px 5px; width: 150px; height: 100px; border: 1px solid #102B91; padding: 3px; background-color: lightcyan;" src="galery/test5.jpg">  
     <img name="sliderthumb" style="margin: 0px 5px; width: 150px; height: 100px; border: 1px solid #102B91; padding: 3px; background-color: lightcyan;" src="galery/test.jpg">  
     </div>  
    </div>  

Das hin- und herschieben des Sliders klappt schon wunderbar.
Mein einzigstes Problem sind jetzt noch die Bilder, die außer dem vorgegebenen "margin: 0px 5px;" einen kleinen horizontalen Abstand haben.

Mit float: left; könnte ich das beseitigen, allerdings sind die Bilder dann nicht mehr alle in einer Reihe.

Schon mal Danke für eure Hilfe.

Dennis

[Encoder]

Ich habe mal festgestellt dass ein Zeilenumbruch zwischen den <img /> sowas auslösen könnte.
Schreib mal das hier

<img name="sliderthumb" style="..." src="galery/test.jpg" /> UMBRUCH
<img name="sliderthumb" style="..." src="galery/test.jpg" /> UMBRUCH
<img name="sliderthumb" style="..." src="galery/test.jpg" /> UMBRUCH

in sowas um:

<img name="sliderthumb" style="..." src="galery/test.jpg" UMBRUCH
/><img name="sliderthumb" style="..." src="galery/test.jpg" UMBRUCH
/><img name="sliderthumb" style="..." src="galery/test.jpg"

also den Zeilenumbruch innerhalb der Tags. Vielleicht wars das ja schon.

[DK]

also den Zeilenumbruch innerhalb der Tags. Vielleicht wars das ja schon.

Ja danke, hat geholfen.

[gast42]

Ich habe mal festgestellt dass ein Zeilenumbruch zwischen den <img /> sowas auslösen könnte.

wieso "könnte"? muss!
Der Browser interpretiert Zeilenumbrüche + Tabs als Leerzeichen!

[Gunnar Bittersmann]

@@gast42:

nuqneH

Ich habe mal festgestellt dass ein Zeilenumbruch zwischen den <img /> sowas auslösen könnte.
wieso "könnte"? muss!

Nö, muss nicht.

Der Browser interpretiert Zeilenumbrüche + Tabs als Leerzeichen!

Ein Leerzeichen muss aber keine Breite haben. ;-b

Qapla'