Bilder links - Text Rechts

[Felix Riesterer]

Liebe(r) Capecok,

warum nicht ein sehr simples Markup? Entweder Du hast eine Liste, oder Du hast eine Reihe an Textabsätzen mit Bild.

Im Regelfalle denke ich an solche Lösungen:

<p class="illustration-rechts"><img ... /> Text unter dem Bild</p>

In Deinem Falle aber handelt es sich anscheinend um eine Liste mit Bildern und deren Erklärungen. Dazu gibt es drei sinnvolle Möglichkeiten:

1.) unsortierte "Allerweltsliste"

<ul class="bilder-liste">  
    <li><img ... /> Text zum Bild</li>  
    ...  
</ul>

2.) Definitionsliste

<dl class="bilder-liste">  
    <dt><img ... /></dt>  
    <dd>Text zum Bild</dd>  
    <dt><img ... /></dt>  
    <dd>Text...</dd>  
</dl>

3.) Tabelle

<table>  
    <tr><th>Bild</th><th>Beschreibung</th></tr>  
    <tr><td><img ... /></td><td>Text zum Bild</td></tr>  
    ...  
</table>

Das mit dem CSS ist nun kein echtes Problem mehr, oder?

Liebe Grüße,

Felix Riesterer.