Как сделать padding кликабельным?

Question

[Виталий Макаров]

Имеется блок div с параметром display:block, внутри которого указан текст. Так вот сделал, чтобы сам блок был кликабельным, но любые отступы не становятся кликабельными. Будь то padding, margin или border. Помогите исправить.

Comments

[Арсений Матыцин]

1. Код
2. Как ты ловишь клики?

[Виталий Макаров]

1.

<div class="lae-project-image">
      <div class="lae-entry-info">
         <h3 class="lae-post-title"><a href="..." title="...">Текст</a></h3>
      </div>
</div>

2. Выставил cursor: pointer

Answer 1

[hzzzzl]

паддинг по умолчанию кликабельный, маргин нет

Comments

[Виталий Макаров]

У меня он не кликабельный. Браузер хром.

[hzzzzl]

Виталий Макаров, если в этом моем примере тыкнуть на див, то ничего не случится?
тогда вероятно какое-нибудь расширение для хрома шалит

[hzzzzl]

Виталий Макаров,

2. Выставил cursor: pointer

это просто css свойство, чтобы курсор в палец превращался, клик отлавливать надо яваскриптом же

[Виталий Макаров]

hzzzzl, Я понимаю. Я имел в виду, что визуально вижу, что зона неактивна через cursor: pointer. А так можно как в Вашем примере отловить, но не вижу смысла в этом. Проблема - как сделать зону активной.

[Виталий Макаров]

hzzzzl, Тупанул. Серая зона же и есть padding и она кликабельна, а красная просто фон. Не пойму тогда, что у меня не так...

[hzzzzl]

Виталий Макаров,

Серая зона же и есть padding и она кликабельна, а красная просто фон

так точно,
предлагаю в хроме в консоли разработчика понаводить на элементы и посмотреть, где нужный див кончается и начинается что-то другое, может что-то на что-то накладывается

[Виталий Макаров]

hzzzzl, Убрал у div-а padding, сделал .lae-post-title a {padding 10px} И все заработало)