ROG Innovation Logo

Tutorials, Gadgets und vieles mehr - Idea. Creation. Success. - Let's create the future!

Abstand unter Bild (HTML / CSS)

Abstand_unter_Bild

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_bildbanner
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.



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


*Name:


*Kommentar:

(max. 500 Zeichen)

Terms:


*Pflichtfeld

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

Top Themen

Suche
DoubleTwist
doubletwist iTunes mit Android Handy synchronisieren
Feedback
feedback
Anzeige
Spenden
ROG Innovation unterstützen