Bilder unter Text einfügen

[Rolf B]

Hallo AudrinaColonia,

du hast zwei Texte. Nebeneinander. Wie machst Du das denn? Deine Bildanordnung sollte sich an dieser Methode orientieren.

Vermutlich werden die Texte ebenfalls per table-Element nebeneinander gesetzt. Um eine genaue Ausrichtung zu bekommen, sollten die Bilder in der gleichen Table sein, entweder zusammen mit dem Text in einer Tabellenzelle oder in einer eigenen table row, das ist egal.

Zu deinem Beispielcode: Wenn Du eine Tabelle mit nur einer Cell (<th>/<td>) und einer Row (<tr>) hast, dann landet diese Zelle linksbündig. Ganz normal. Dein (obsoletes) <center> Element zentriert das Bild dann innerhalb dieser Zelle. Da sich die Größe von Tabellenzellen aber nach dem Inhalt richtet (sofern du nichts anderes angibst), zentrierst Du ein Bild der Breite X in einer Zelle der Breite X - was natürlich komplett wirkungslos ist. Und dazu kommt der Hinweis von Jürgen, dass die Kombination von <center> und style="text-align:left" sinnfrei ist. <center> ist ein <div> mit implizitem style="text-align:center"^[1], d.h. dein <center style="text-align:left"> ist Hü und Hott in einem Atemzug.

Wenn Du den Inhalt einer Tabellenzelle zentrieren willst, dann setze style="text-align:center" auf das td/th Element oder - falls das in Mail nicht funktioniert - verwende das legacy-Attribut align="center". Aber wie gesagt: das klappt nur wenn die Tabelle breiter ist als ihr Inhalt, sonst ist kein Platz zum Zentrieren da.

Aber das ist Exkurs, du willst das ja eigentlich gar nicht, du willst Dinge unter deinen Texten anordnen. Und ich denke, dafür müssten wir wissen, wie du die Texte positionierst.

Rolf

---

1. Sorry für diese „Lüge für Kinder“ - in Wahrheit ist es -moz-center, -webkit-center oder -ms-center und angeblich weicht die Funktionialität dieser Präfix-Versionen leicht vom Standard-center ab; die entsprechenden Suchtreffer im Web sind aber alt und im heutigen Chrome sehe ich keinen Unterschied ↩︎