Zusätzliches Padding auf verknüpften Bildern (in jedem Browser)

7

Ich habe ein Problem damit, das Link-Element mit einem Bild zu füllen. Es passiert in allen Browsern, Safari, Firefox, IE.

Ich habe ein Reset-Stylesheet angewendet, so dass es keine zusätzlichen Ränder für das Padding geben sollte, aber bei der Überprüfung ist klar, dass das a -Element einige zusätzliche Bottom-Padding von nirgendwo hat. Irgendwelche Ideen?

Hier ist das Markup und CSS:

<div class="movie"><a href=""><img src="img/video01.jpg" alt="" /></a></div>

%Vor%     
Justine 20.08.2010, 16:30
quelle

7 Antworten

18

Fügen Sie Ihrem Verknüpfungselement die folgende Zeile hinzu: line-height: 0;

%Vor%     
Ian Yates 02.11.2010 09:26
quelle
7

Entschuldigung, diese Frage 3 Jahre später zu beantworten, aber diese Seite befindet sich auf der ersten Google-Seite und ich fühle mich verantwortlich ..... Antwort: Fügen Sie nur "vertical-align: top;" zu img in einem -Tag hinzu.

    
user3051858 29.12.2013 04:41
quelle
0

Das Hintergrundbild für die Filmklasse wird am unteren Rand sowohl der Box als auch der Füllung angezeigt. Verwenden Sie daher Folgendes, wenn Sie das 11px-Feld am unteren Rand des Bildes benötigen.

%Vor%     
Nick Pyett 20.08.2010 16:34
quelle
0

Haben Sie versucht, padding hinzuzufügen:

%Vor%

Wenn nicht, könnten Sie a: visited hinzufügen, um zu testen, ob sich etwas ändert.

    
Ken 22.08.2010 03:09
quelle
0

Bist du sicher, dass das alles CSS ist? Ich kann das Problem, das Sie auf dieser Testseite beschreiben, nicht sehen: Ссылка

    
Paul D. Waite 02.11.2010 09:39
quelle
0

Hallo, ich hatte das gleiche Problem und ich fand, dass wenn Sie das Bild vertikal nach unten ausrichten, wird es behoben.

Bild innerhalb div hat zusätzlichen Platz unter dem Bild

    
Daniel Del Core 09.10.2012 23:40
quelle
0

Hinzufügen von style="padding: 0px;" löste das Problem für mich.

    
user1270392 26.03.2013 20:32
quelle

Tags und Links