CSS Kochbuch

3.19 Bilder mit einem Schatten versehen

Problem

Hinter einem Bild soll ein Schatten dargestellt werden, wie in Abbildung 3-44 gezeigt.

Lösung

Umgeben Sie das Bild (siehe Abbildung 3-45) mit einem div-Element. Versehen Sie dieses mit einem class-Attribut, das in unserem Beispiel den Wert imgholder erhält:

<div class="imgholder">
 <img src="dadsaranick2.jpg" alt="Foto von Papa, Sara und Nick" />
 </div>

Abbildung 3-44. Mit einem Schatten versehenes Bild

Abbildung 3-45. Das über dem Inhalt platzierte Bild

Das div wird per Definition als Float nach links verschoben, ...