Komischer Rand unter dem verlinkten Bild

[marcelgerard]

Hi Leute,

ich baue gerade an einer Seite rum und musste feststellen, dass bei dem Bild unten die Hintergrundfläche rausragt, sie soll aber nur so breit sein wie das Bild. Woran könnte das liegen?

LG Marcel

 

[MrMurphy]

Hallo

Das img-Element ist ein Inline-Block-Element. Die haben von Haus aus einen rechten und unteren Abstand.

Um den Abstand wegzubekommen gibt es verschiedene Wege. Welcher am sinnvollsten ist hängt von der gesamten Seite ab.

Am häufigsten werden die img-Elemente per CSS zu Block-Elementen gemacht:

display: block;

Heutzutage kommt auch dafür vermehrt Flexbox zum Einsatz.

Was für die Seite am sinnvollsten ist läßt sich erst beurteilen, wenn man die gesamte Seite kennt.

Gruss

MrMurphy