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