[HTML/CSS] Bild-Abstand stimmt nicht

[Wreeze]

guten Morgen,

folgendes Problem:
3 quadratische Bilder nebeneinander. jedes Bild ist 270 Pixel breit.
der Abstand ist jeweils 40 Pixel

von ganz links nach ganz rechts müssten dann dann ja:
270 * 3 + 4 * 40 = 970 pixel sein (zöge man einen rahmen herum)

wenn ich jetzt darunter ein bild anbringe, dass genau 970 pixel ist, so sehe ich, dass
die obere bilderreihe gar nicht 970pixel breit ist wie sie sein sollte, sondern breiter!

ka was ich noch probieren soll. hab den body margin schon auf null gesetzt usw..

Wie bekomme ich das hin, dass die bilder nun wirklich genau 970px mit abstand einnehmen??


ich hoffe mein problem ist verständlich erklärt

LG

Ergänzung (12. Dezember 2012)

edit:

ich sags mal anders: bilder ohne eigenschaftswerte durch css haben einen abstand drum herum. wie geht dieser weg?

 

[Fritz]

Versuch mal die Bilder hintereinander, also ohne Umbruch oder Space aufzureihen.

<img src="" /><img src="" />

oder halt mit einem float: right bei den Bildern, dann sollte es auch klappen.

 

[Daaron]

Ich kenn das Problem auch. <img> ist eigentlich ein Inline-Element ohne Abstände. Trotzdem hat es manchmal einen eigentümlichen Abstand im Fluss.
Einfachste Lösung: display:block;float:left;