Bild rechts unten floaten
sandwichx
- css
0 ChrisB
Hallo!
Möchte in einer Tabellenzelle folgendes Layout realisieren:
+-------------------------------+
|+-------+ text text text text |
|| Bild1 | text text text text |
|+-------+ text text text text |
| text text text text text text |
| text text text text text text |
| text text text text +-------+|
| text text text text | Bild2 ||
| text text. +-------+|
+-------------------------------+
Versuch1:
img.l { float:left; }
img.r { float:right; }
~~~~~~html
<td>
<img class="l" src="bild1">
text text text ... text text text.
<img class="r" src="bild2">
</td>
Ergebnis1:
+-------------------------------+
|+-------+ text text text text |
|| Bild1 | text text text text |
|+-------+ text text text text |
| text text text text text text |
| text text text text text text |
| text text text text text text |
| text text text. +-------+|
| | Bild2 ||
| +-------+|
+-------------------------------+
Versuch2:
vertical-align:...;
verwenden; ändert aber nichts am Ergebnis, egal welchen Wert ich einsetze. (BTW: Firefox 3.5.8, Ubuntu 9.10 (karmic))
Versuch3:
float:right;
weglassen; ergibt (wie erwartet):
+-------------------------------+
|+-------+ text text text text |
|| Bild1 | text text text text |
|+-------+ text text text text |
| text text text text text text |
| text text text text text text |
| text text text text text text |
| +-------+ |
| | Bild2 | |
| text text text.+-------+ |
+-------------------------------+
Wie könnte es funktionieren?
Danke!
Hi,
Wie könnte es funktionieren?
Mit den aktuellen Möglichkeiten von HTML und CSS - gar nicht.
MfG ChrisB
Grüße,
Mit den aktuellen Möglichkeiten von HTML und CSS - gar nicht.
doch, schon, das Problem ist zwar nicht "allgemein" lösbar - man müsste das 2e Bild entsprechend im Text "justieren" - wäre aber dem uU genügend?
MFG
bleicher
@@bleicher:
nuqneH
Mit den aktuellen Möglichkeiten von HTML und CSS - gar nicht.
doch, schon, das Problem ist zwar nicht "allgemein" lösbar - man müsste das 2e Bild entsprechend im Text "justieren"
Es besteht keine Möglichkeit, die richtige Stelle im Text für das Bild zu finden, außer vielleicht mit JavaScript.
Qapla'
gar nicht.
Perfekte Anwort!:
1. schnell
2. kurz
3. veranlaßt mich, keine Zeit mehr für das Problem ver(sch)wenden zu müssen.
Danke!
;-)