Felix Riesterer: Eure Meinung zu Bildbeschriftungen

Beitrag lesen

Lieber Bud,

Es geht auch mit nur einer Klasse,trotzdem sind alle Elemente per CSS formatierbar:

<div class="bild_text"><img ... /><p>Bildunterschrift</p></div>

so gesehen verzichte ich auf mein span-Element vollständig und bin noch kürzer (und immer noch semantischer!) als bei Deinem Vorschlag: ;-P

<p class="bild-box"><img ... />Bildunterschrift</p>

/* CSS ungetestet! */  
p.bild-box {  
    float: left;  
    width: 100px;  
    text-align: center;  
    margin: 10px;  
    padding: 0;  
}  
p.bild-box img {  
    display: block;  
    margin: 0 auto;  
    padding: 0 0 10px 0;  
}

Das mit dem "clear" für die nachfolgenden Elemente müsste ich jetzt wieder nachlesen, denn da gab es eine geschickte Lösung ohne zusätzlichem ge-clear-tem Element... Aber vielleicht ist das hier ja völlig unerheblich, da keine weiteren Inhalte in der Bildunterschrift stehen!

Liebe Grüße aus Ellwangen,

Felix Riesterer.

--
ie:% br:> fl:| va:) ls:[ fo:) rl:° n4:? de:> ss:| ch:? js:) mo:} zu:)