Blaubart: Begleitbilder in einem Artikel

Beitrag lesen

'Nabend.

Kein reines CSS-Thema, aber ich mußte mich für eine Kategorie entscheiden. ;)

Ich arbeite an einem kleinen CMS für einen Kunden und bin beim derzeit beim Erstellen der Templates für Beiträge, die der Kunde dann selbst schreiben und auf der Seite veröffentlichen kann. Zu jedem Absatz des Beitrags kann optional jeweils ein Begleitbild angegeben werden, welches den Text dann garniert. Dabei bin ich auf folgendes Problem gestoßen:

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>

Damit eine längere Bildunterschrift nicht breiter als das Bild wird, muß dem umschließenden DIV eine feste Breite zugewiesen werden. Allerdings ist die Größe der Bilder nicht festgelegt, d.h. die Breitenangabe müßte dynamisch generiert und als Direktformatierung ins DIV eingefügt werden:

<div class="begleitbild" style="width:100px"> ...

Begeistert bin ich nicht von dieser Lösung, weil auf diese Art wieder Designfragen im Code geklärt werden, der nur die Inhalte liefern soll. Genau der Mischmasch, den ich vermeiden möchte. Mein Vorschlag, auf die variable Bildgröße zu verzichten und eine feste Breite vorzugeben, stößt ebenfalls nicht auf große Gegenliebe.

Hat jemand von euch Vorschläge, wie sich dieses Problem am besten lösen läßt?