Abstand unter Bild (HTML / CSS)

Ein häufiges Problem bei CSS / HTML ist der kleine Abstand unter dem Bild (img), der sich nicht entfernen lässt.
Mit untenstehendem CSS Trick lässt sich der Abstand unter dem Bilde entfernen.

Abstand unter Bild lässt sich nicht entfernen (CSS / HTML)

Kleiner roter Abstand soll entfernt werden.

CSS Code

img{display:block;}

Natürlich kann dieser Trick auch nur auf einzelne Bilderklassen angewendet werden.
Beim untenstehenden Beispiel wird der Abstand nicht generell bei allen Bilder entfernt, sondern nur bei der Bilderklasse ".bildklasse_xy".

CSS Code

.bildklasse_xy img{display:block;}

Hinweis

Mit "display:block;" werden viele anderen CSS Eigenschaften, wie nebeneinander angeordnete Objekte beeinflusst und nicht mehr nebeneinander angeordnet.
Daher empfiehlt es sich mit Bilderklassen zu arbeiten und nicht den Abstand generell bei allen Bildern zu entfernen.

letztes Update 16. August 2018

Kommentare

Hier können sowohl Fragen wie auch ein Feedback zum oben stehenden Artikel eingetragen werden.

Hinweis:
Der Eintrag wird nach einer redaktionellen Prüfung in den kommenden Tagen freigeschalten.

Top Themen

Suche

DoubleTwist

iTunes mit Android Handy synchronisieren

Free YouTube Video Music

gratis Musik für Youtube Videos

Spenden

ROG Innovation unterstützen