Дополнительный отступ для связанных изображений (в любом браузере)

Question

Дополнительный отступ для связанных изображений (в любом браузере)

extra padding

У меня проблема с дополнительным заполнением элемента ссылки с изображением внутри. Это происходит во всех браузерах, Safari, Firefox, IE.

Я применил таблицу стилей сброса, поэтому не должно быть никаких дополнительных полей при заполнении, но после проверки становится ясно, что элемент a имеет некоторые дополнительные нижняя прокладка из ниоткуда. Есть идеи?

Вот разметка и CSS:

< / a>

div.home-col .movie {
padding: 0 0 11px 0;
background: url(../img/bg-shadow-movie.png) bottom no-repeat;
}

div.home-col .movie a {
display: block;
background: url(../img/bg-zoom-movie.png) 50% 5px no-repeat;
}

div.home-col .movie img {
padding: 4px;
margin: 0;
border: 1px solid #d0d0d0;
}

9

html css image hyperlink padding

задан Cœur 4 February 2018 в 13:23

2 ответа

Другие вопросы по тегам:

html css image hyperlink padding

Похожие вопросы:

score 0 · Answer 1

Фоновое изображение для класса фильма появится в нижней части поля и примененного к нему отступа, поэтому используйте следующее, если вам нужно пространство 11 пикселей в нижней части изображение.

div.home-col .movie {
margin: 0 0 11px 0;
background: url(../img/bg-shadow-movie.png) bottom no-repeat;
}

score 0 · Answer 2

Вы пытались добавить отступы к:

div.home-col .movie a {
display: block;
padding: 0 0 0 0;
background: url(../img/bg-zoom-movie.png) 50% 5px no-repeat;
}

Если это невозможно вы можете добавить: посещенный, чтобы проверить его, чтобы увидеть, не изменится ли что-нибудь.