1
Hallo, ich möchte in einer Tabellenzeile ein Bild jeweils textumflossen rechts unten positionieren, der Text wird dynamisch befüllt und hat somit flexible Länge.
Wenn ich ein Bild textumflossen rechts oder links oben positionieren mag, geht das wie folgt:
<td><img src="..." align="left/right"> Text ..... </td>
also hatte ich gehofft, daß es entsprechend nun für die untere Position wie folgt geht:
<td> <img src="..." align="left/right" valign="bottom">Text </td>
Leider wird das valign="bottom" offenbar ignoriert bzw. nicht bzgl. der Tabellenzelle interpretiert: das Bild positioniert sich oben rechts bzw. links.
Wenn ich die Reihenfolge vertausche,
<td> Text <img src="..." align="left/right" valign="bottom"></td>
dann erscheint das Bild leider nicht textumflossen, sondern erst nach einem Zeilenumbruch hinter dem Text => auch das ist nicht gewollt!
Das gewünschte Ergebnis kriegt man im Trial-und-Error scheinbar nur mit
<td> Teiltext1 <img src="..." align="left/right"> Teiltext2</td>
aber da der Text wie gesagt dynamisch eingespielt wird, ist trial-and-error nicht möglich. Auch alle Lösungen, die die Tabelle nochmal in Unterzeilen/reihen aufteilen, würden eine Kenntnis des Textes voraussetzen.
Gibt es vielleicht mithilfe von CSS Positionierungsmöglichkeiten? Sowas wie
<td><div><img style="position:...."> Text </div></td>
vielleicht, d.h. kann ich das <div> zum Elternelement erklären und dem Image diesbezüglich eine bottom:0,right:0 mitgeben (die Größe des Bildes ist vorher auch NICHT bekannt, auch dies wird flexibel eingespielt und soll seine jeweilige Größe behalten)
Dankbar für Tipps, Lava
Wenn ich ein Bild textumflossen rechts oder links oben positionieren mag, geht das wie folgt:
<td><img src="..." align="left/right"> Text ..... </td>
also hatte ich gehofft, daß es entsprechend nun für die untere Position wie folgt geht:
<td> <img src="..." align="left/right" valign="bottom">Text </td>
Leider wird das valign="bottom" offenbar ignoriert bzw. nicht bzgl. der Tabellenzelle interpretiert: das Bild positioniert sich oben rechts bzw. links.
Wenn ich die Reihenfolge vertausche,
<td> Text <img src="..." align="left/right" valign="bottom"></td>
dann erscheint das Bild leider nicht textumflossen, sondern erst nach einem Zeilenumbruch hinter dem Text => auch das ist nicht gewollt!
Das gewünschte Ergebnis kriegt man im Trial-und-Error scheinbar nur mit
<td> Teiltext1 <img src="..." align="left/right"> Teiltext2</td>
aber da der Text wie gesagt dynamisch eingespielt wird, ist trial-and-error nicht möglich. Auch alle Lösungen, die die Tabelle nochmal in Unterzeilen/reihen aufteilen, würden eine Kenntnis des Textes voraussetzen.
Gibt es vielleicht mithilfe von CSS Positionierungsmöglichkeiten? Sowas wie
<td><div><img style="position:...."> Text </div></td>
vielleicht, d.h. kann ich das <div> zum Elternelement erklären und dem Image diesbezüglich eine bottom:0,right:0 mitgeben (die Größe des Bildes ist vorher auch NICHT bekannt, auch dies wird flexibel eingespielt und soll seine jeweilige Größe behalten)
Dankbar für Tipps, Lava