mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 25.04.2024 10:23 Benutzername: Passwort: Auto-Login

Thema: Bild overlay per Div hat komischen Rand vom 18.06.2015


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Bild overlay per Div hat komischen Rand
Autor Nachricht
bongartz
Threadersteller

Dabei seit: 05.01.2007
Ort: Uerdingen / Ingolstadt
Alter: 38
Geschlecht: Männlich
Verfasst Do 18.06.2015 20:43
Titel

Bild overlay per Div hat komischen Rand

Antworten mit Zitat Zum Seitenanfang

Hallo,

ich versuche gerade einem Bild einen Overlay per Div zugeben welche sich dynamisch an die Bild Görße anpassen soll. Dies habe ich auch mit Table-cell geschafft, aber unter dem Bild ist immer in Rand von 4 PX den ich einfach nicht weg bekomme.

Hier der Link zu meinem Testaufbau.

Testlink

Vielen Dank

Gruß

Bongartz
  View user's profile Private Nachricht senden
SimonDerDude

Dabei seit: 15.01.2010
Ort: error: undefined
Alter: 35
Geschlecht: Männlich
Verfasst Do 18.06.2015 21:08
Titel

Antworten mit Zitat Zum Seitenanfang

Bilder (<img>) sind inline-Elemente wie beispielsweise Anker (<a>).
Aus diesem Grund erzeugen sie aufgrund der Zeilenhöhe, besonders sichtbar wenn sie innerhalb eines Ankers verschachtelt werden, einen Leerraum - welcher hier mit der Linkfarbe ausgefüllt wird.

Deshalb musst du die Bilder explizit auf display: block setzen.


Zuletzt bearbeitet von SimonDerDude am Do 18.06.2015 21:10, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
bongartz
Threadersteller

Dabei seit: 05.01.2007
Ort: Uerdingen / Ingolstadt
Alter: 38
Geschlecht: Männlich
Verfasst Sa 20.06.2015 11:08
Titel

Antworten mit Zitat Zum Seitenanfang

Perfekt danke, das war genau das Problem .-)
  View user's profile Private Nachricht senden
 
Ähnliche Themen [css] Bild am unteren Rand des Bildschirms
Abstand von Bild zur Site/Rand!
Bild einfügen (unten, zentriert am Rand)
[CSS] Anfänger - Kriege rechtsbündig keinen Rand (Bild)
GoLive Raster ohne weißen Rand oder Head-Bild zentrieren?
JS für div Overlay
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.