Begleitbilder in einem Artikel

[Felix Riesterer]

Lieber Blaubart,

was spricht eigentlich gegen folgendes Markup?

<p class="begleitbild"><img src="" alt="" /><br />Bildunterschrift</p>

.begleitbild {  
     display: block; /* eigentlich überflüssig */  
     width: 220px;   /* Deine feste Breite (Bildbreite plus Rand) */  
     border: 1px solid transparent; /* möglich, falls mal doch ein Rahmen sichtbar sein sollte */  
     /* float? font-size/-color? text-align? background(-color)? */  
     }  
.begleitbild img {  
     width: 200px;  /* hier kommen jetzt die festen Bilddimensionen */  
     height: 200px;  
     }

Etwas Ähnliches habe ich auf unserer Schulhomepage-Bilderseite benutzt.

Der Designer (auch fürs CSS zuständig) möchte gerne ein Markup der folgenden Art für die Begleitbilder haben:

<div class="begleitbild">
    <img src="" title="" alt="" width="" height="" />
    <p>Bildunterschrift</p>
</div>

Dieses Markup empfinde ich schon wieder als Divitis.

Liebe Grüße aus Ellwangen,

Felix Riesterer.