Bilder nebeneinander ?

[S3Ri0US]

Morgen :D  habe noch ein kleines Problem. Ich möchte auf meiner Seite mehrere Bilder nebeneinander haben. Wenn ich aber im Code selbst eine Zeile runter gehe ist hinter jedem Bild eine Kleine Spalte. Wenn ich alle images in eine Zeile setzte geht es. Sieht aber im Code sehr unübersichtlich aus da ich so eine ewig lange Zeile habe. Gibt es hier eine CSS Funktion oder ähnliches das er keinen Abstand zwischen den Bildern macht obwohl sie im Code untereinander stehen `?  Danke

[D.R.]

Hallo,

Wenn ich aber im Code selbst eine Zeile runter gehe ist hinter jedem Bild eine Kleine Spalte. Wenn ich alle images in eine Zeile setzte geht es. Sieht aber im Code sehr unübersichtlich aus da ich so eine ewig lange Zeile habe.

Du könntest den Umbruch zur Not auch innerhalb des Tags machen:

<img src="bla.jpg" alt="alternativtext" width="breite" height="höhe"  
/><img src="bla2.jpg" alt="alternativtext" width="breite" height="höhe"  
/>…

Das sieht aber IMHO auch nicht gerade schön aus.

Gibt es hier eine CSS Funktion oder ähnliches das er keinen Abstand zwischen den Bildern macht obwohl sie im Code untereinander stehen `?

Ja, dazu müsstest du Block-Elemente daraus machen und sie links floaten lassen.

img {display:block; float:left;}
(Das display:block kann auch weggelassen werden, weil float sowieso ein Block-Element daraus macht.)

vergiss aber nicht, den Textfluss ggf. im Element wieder herzustellen (entweder mit einem clearenden Element am Ende oder für das umfassende Element selbst: overflow:[was anderes als visible]).

mfg. Daniel

[S3Ri0US]

Danke. Habe es zunächst mit dem Float:left versucht. dann passt aber alles nicht mehr. Also habe ich den umbrauhc im COde im Tag selbst gemacht. Danke

[Der Martin]

Hallo,

Wenn ich aber im Code selbst eine Zeile runter gehe ist hinter jedem Bild eine Kleine Spalte. Wenn ich alle images in eine Zeile setzte geht es. Sieht aber im Code sehr unübersichtlich aus da ich so eine ewig lange Zeile habe.

ja schon - finde ich aber nicht weiter schlimm.

Gibt es hier eine CSS Funktion oder ähnliches das er keinen Abstand zwischen den Bildern macht

Wer ist "er"?
Lass die Bilder alle zur gleichen Seite floaten, vorzugsweise nach links; eventuell musst du ihre margins auf 0 setzen. Aber damit hast du natürlich auch alle teils unerwünschten Nebenwirkungen von float: Die Bilder sind aus dem Elementfluss genommen und beeinflussen nicht mehr die Positionierung der umgebenden und nachfolgenden Elemente.

Ciao,
 Martin