Auge: (1) whitespace im Quelltext verändert Rendering; (2) box höher als img.

Beitrag lesen

problematische Seite

Hallo

zu 1.: Was @Rolf B schon schrieb.

zu 2. img ist ein Inline-Element und steht somit auf der Grundlinie des Textes. Der "weiße Balken" darunter ist der Bereich der Unterlänge.

Korrrrrekt.

Um das Bild auf den Zeilenboden zu stellen, genügt ein vertical-align: bottom;.

Das genügt aber nur dort, wo vertical-align überhaupt funktioniert (z.B. Tabellenzellen). Es geht auch mit selektor-für-betroffene-bilder { display: block; }.

Tschö, Auge

--
Ein echtes Alchimistenlabor musste voll mit Glasgefäßen sein, die so aussahen, als wären sie beim öffentlichen Schluckaufwettbewerb der Glasbläsergilde entstanden.
Hohle Köpfe von Terry Pratchett