CSS Kochbuch

3.14 Verschiedene Bildformate miteinander kombinieren

Problem

Es sollen zwei verschiedene Bildformate miteinander kombiniert werden, wie in Abbildung 3-23, wo ein GIF- und ein JPEG-Bild zu einer gemeinsamen grafischen Darstellung zusammengestellt wurden.

Abbildung 3-23. Zwei miteinander kombinierte Bildformate

Lösung

Umgeben Sie eines der Bilder mit einem Blockelement, wie z.B. div oder h2:

<h2><img src="headline_text.gif" alt="Überschrift im GIF-Format" /></h2>

Mit Hilfe eines Bildbearbeitungsprogramms trennen Sie das Bild in zwei verschiedene Dateiformate (siehe Abbildung 3-24).

Abbildung 3-24. Zwei Bilder, die auf der Webseite wieder kombiniert werden ...