Что не так с разметкой html?

Question

[Alexander Kovalenko]

gpst-novoros.ru
Три ссылки-картинки под слайдером.
Почему тег a распространяется не на всю картинку, а только на ее нижнюю часть?

Answer 1

[sergey]

Скорее всего у ссылки не задан

.custom a{
  display: inline-block;
}

Comments

[Alexander Kovalenko]

Помогло. Странно, теперь у каждой ссылки указывать display: inline-block; ?

[sergey]

Alexander Kovalenko: для этого присвойте этим трем ссылкам класс, и уже ему давайте значение display: inline-block;

[sergey]

Alexander Kovalenko: ну или сделайте как я написал, одним словом выделите те ссылки которые вы хотите сделать display: inline-block;

Answer 2

[HamSter]

тег a - ссылка - инлайновый элемент (display: inline; по-умолчанию).

Нужно присвоить display: inline-block;, либо display: block; чтобы ссылка оборачивала изображение!

Answer 3

[Александр Белькевич]

display: block или display: inline-block картинке дайте

Comments

[Alexander Kovalenko]

Не помогает

[sergey]

не картинке, а ссылке а дайте display: inline-block

[HamSter]

У картинки итак как бы display: inline-block; по-умолчанию =)))

[Александр Белькевич]

Ссылке. тупанул

Answer 4

[Максим Тюльпаков]

Можно задать картинку тегу <a> в CSS в качестве background, тогда будет норм.

Comments

[Максим Тюльпаков]

Сдесь делал так - fontalife.ru