Div für Image

[R.Carlos]

Hallo,
ich habe kleine Thumbnails die unterschiedlich hoch und breit sind. Z.B 90x50 px und 38x70 px. Um die Bilder habe ich über CSS eine schwarze Linie gezogen. Da die Bilder aber einmal hochkant und einmal quer sind sieht die Auflistung etwas dürftig aus. Also eigentlich total unruhig.
Meine Idee war, den Bildern einen Rahmen zu verpassen der eine feste Breite hat. z.B. 70 x 70. Das würde dann bedeuten, dass der Rahmen immer gleich groß ist und die Bilder in der zentriert ausgewiesen werden. Dadurch wäre die DArstellung nicht so unruhig.
Ich habe die Line in einem Div festgelegt und das Image entsprechend in den Divbereich gepackt. Leider wirft er mir das Bild immer ausserhalb des Rahmens aus.
Weiß jemand warum oder wie ich das am Besten erstelle?

[Rizzo]

Hallo,

wie wäre es, wenn Du die Thumbnails quadratisch machst, damit man sie hübsch aneinander reihen kann? Wenn Du PHP auf dem Server hast schau Dir mal dieses Tutorial an. Dort erkläre ich, wie man automatisiert quadratische Thumbs für eine Galerie erstellen kann.

[marc22]

Oder Du packst die Bilder in ein DIV, dem Du eine Größe gibst, die vermutlich nicht überschritten wird und packst dort die Bilder rein.

[R.Carlos]

das mit dem Overflow hat schon mal geklappt. Das Bild wird jetzt innerhalb des Rahmens ausgewiesen.
Problem hierbei ist allerdings, dass ich das Bild linksbündig gesetzt habe und der Text recht am Bild vorbeifließen sollte. Durch das Einsetzen des DIVs wird jetzt der Text dort umgebrochen.

[R.Carlos]

wie kann ich denn kleinere Bilder im Rahmen sagen, dass die Zentriert sein sollen?
Ich habe jetzt die Breite des DIVs auf 70 px festgelegt. Das Bild was ich da habe ich allerdings nur 50 px Breit. Das Bild wird nun linksbünding ausgewiesen. Kann ich dem Bild oder dem DIV nicht sagen, zentriert anzeigen?

[th2409]

Gib dem DIV mal eine CSS-Eigenschaft mit:
textalign: center