sandwichx: Bild rechts unten floaten

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!

  1. Hi,

    Wie könnte es funktionieren?

    Mit den aktuellen Möglichkeiten von HTML und CSS - gar nicht.

    MfG ChrisB

    --
    “Whoever best describes the problem is the person most likely to solve the problem.” [Dan Roam]
    1. 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

      --
      __________________________-

      FirefoxMyth
      1. @@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'

        --
        Volumen einer Pizza mit Radius z und Dicke a: pi z z a
    2. 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!

      ;-)