Bild zentrieren, Bildunterschrift linksbündig mit Bild

Beitrag von **robo** » 21.07.2005, 13:47

Hi Leute,

ich habe da ein kleines Problem. Ich möchte ein Bild auf der Seite zentrieren, unter das Bild möchte ich noch zwei, drei Worte zur Beschreibung setzen, und die sollen aber linksbündig zum Bild sein. Wie kriege ich das ohne Tabelle hin?

Wenn ich das Bild in einen div-Container lege, der zentriert ist, dann wird auch die Bildunterschrift zentriert. Und mit verschachtelten Containern kriege ich das irgendwie nicht hin ...

Mit Tabelle geht's, ist klar, aber das möchte ich gerne vermeiden, schlanker Code und so ...

cu, Robo

von **Anzeige von ABAKUS** »

Beitrag von **Graccem** » 21.07.2005, 15:18

Pack deinen Text in ein Tag (<p> zum Beispiel) und mache dort ein text-align:left

Beitrag von **Nullpointer** » 21.07.2005, 15:42

dann hat er es aber nicht bündig zum bild

von **Anzeige von ABAKUS** »

Beitrag von **Nullpointer** » 21.07.2005, 15:50

bin leider kein webseitenentwickler:

Code: Alles auswählen

<div style="margin-left&#58;auto;margin-right&#58;auto;width&#58;800px;">
<img src="b.jpg" /><br />
Eine tolle Unterschrift
</div>

hier muß man halt dem umschließenden div die breite des bildes geben. ist nicht schön.

edit: und ie im quirx-mode zetriert das margin:auto nicht.

Beitrag von **Nullpointer** » 21.07.2005, 15:55

darum liebe ich den explorer so:

Code: Alles auswählen

<div style="text-align&#58;center;">
<div style="text-align&#58;left;margin-left&#58;auto;margin-right&#58;auto;width&#58;800px;">
<img src="b.jpg" /><br />
Eine tolle Unterschrift
</div></div>

du wolltest code sparen? naja, wollte eh nie webseiten schreiben.

Beitrag von **robo** » 21.07.2005, 20:33

Danke für den Code, aber er gefällt mir nicht, weil - wie du schon gesagt hast - die Breite des Bildes im div-Container angegeben werden muss. Ist mir zu unflexibel.

Nix für ungut.

cu, Robo