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>
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.
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%Bist du sicher, dass das alles CSS ist? Ich kann das Problem, das Sie auf dieser Testseite beschreiben, nicht sehen: Ссылка
Hallo, ich hatte das gleiche Problem und ich fand, dass wenn Sie das Bild vertikal nach unten ausrichten, wird es behoben.
Hinzufügen von style="padding: 0px;" löste das Problem für mich.