Gunnar Bittersmann: Verschachtelte Tabelle

Beitrag lesen

Ich wollte eine Tabelle die so aussieht:

Nö, Manuel, du wolltest eine Anordnung von Bildern und Texten umsetzen.
Layouttabellen sind dafür nur ein mögliches Mittel der Wahl – und zwar ein schlechtes.

-------------------------------------------------|------|
|                     Kommentar                  | Bild |
-------------------------------------------------|      |
|       |         Überschrift                    |      |
|Bild   |                                        |      |
|       |----------------------------------------|      |

Überschrift 2

Lässt sich so etwas mit HTML realisieren?

Das lässt sich problemlos ohne Tabelle realisieren.

veraltet:

<img src="fooSrc" alt="fooText" align="right">  
<p>Kommentar</p>  
<img src="barSrc" alt="barText" align="left">  
<h1>Überschrift</h1>  
<h2>Überschrift 2</h2>

besser: Strutur und Layout getrennt:

HTML:

<img id="fooID" src="fooSrc" alt="fooText">  
<p>Kommentar</p>  
<img id="barID" src="barSrc" alt="barText">  
<h1>Überschrift</h1>  
<h2>Überschrift 2</h2>

und im Stylesheet:

#fooID {float: right}  
#barID {float:left}

Wenn die Bilder aber nicht zum Inhalt gehören, sondern nur schmückendes Beiwerk sind, lässt du sie aus dem HTML-Quelltext ganz raus und gibst sie im Stylesheet entsprechenden Elementen als Hintergrundbild.

Live long and prosper,
Gunnar

--
„Weisheit ist nicht das Ergebnis der Schulbildung, sondern des lebenslangen Versuchs, sie zu erwerben.“ (Albert Einstein)