Gunnar Bittersmann: Text um Grafik mit Kommentar fließen lassen

Beitrag lesen

SELF-Forum

Text um Grafik mit Kommentar fließen lassen

Gunnar Bittersmann Homepage des Autors
– Informationen zu den Bewertungsregeln

@@Felix Riesterer:

anstatt eines
<div class="Left"><img src="http://gundi.de/bilder/20050305/LW4I0064.jpg" alt="" width="240" height="160" /><br />Foto: Steffen Schipke</div>
hätte es doch auch das hier getan:

<p class="illustration linksbuendig">

<img src="http://gundi.de/bilder/20050305/LW4I0064.jpg" alt="" />
    Foto: Steffen Schipke
</p>

  
Hm, ist ein Bild mit Bildunterschrift wirklich ein Textabsatz?  
  
(In HTML 5 wird’s dafür das ['figure'-Element](http://dev.w3.org/html5/spec/Overview.html#the-figure-element) geben. Na, irgendwas Gutes muss HTML 5 ja bringen.)  
  
@width und @height sind dazu gut, dass ein Browser schon vor dem Laden der Bilder den Platz bereitstellt und nicht dann, wenn die Bilder nacheinander(!) geladen sind, den Text anders umbrechen und neu darstellen muss.  
  
Das 'br'-Element könnte man durchaus durch Whitespace ersetzen, aber so falsch finde ich es an der Stelle gar nicht.  
  
Und ob die Klasse nun "Links" oder "linksbuendig" heißt … – Und ja, der Klassenname bezieht sich wirklich auf die Ausrichtung. Je nach Bildinhalt muss das betreffende Bild entweder links bzw. rechts (Klasse "Rechts") stehen, damit bspw. kein Gesicht aus der Seite „herausschaut“.  
  
Live long and prosper,  
Gunnar

-- 
Das einzige Mittel, den Irrtum zu vermeiden, ist die Unwissenheit. (Jean-Jacques Rousseau)
Beitrag melden
–
Informationen zu den Bewertungsregeln