Как установить полный div clickable?

У меня есть этот код для DIVКак установить полный div clickable?

 <div align="center" id="1_2" class="class_div" onclick="DoAction(1)" style="float: left; height: 60px; width: 250px; margin: 10px"><h1>&nbsp;&nbsp;&nbsp;&nbsp;Class :Class-1</h1>&nbsp;&nbsp;&nbsp;&nbsp; Class Teacher :Manan</div>

Когда курсор перемещается на DIV он показывает текстовый курсор. Я хочу, чтобы div был доступен для клика, и курсор должен туда попасть. Как это можно сделать. Пожалуйста, помогите?

источник

2013-06-20 Navdroid

Замечание: хотя это значение 'id' действительно в HTML5, оно неверно в HTML4 и ранее и в CSS. Поскольку правила CSS для значений «id» являются самыми строгими, я бы рекомендовал придерживаться их. –

Чтобы сделать его полностью интерактивными, вам нужно добавить cursor:pointer;display:inline-table;text-align:center; свойства соответственно на DIV.

Без display:inline-table весь div не будет доступен для кликов и создаст промежуток между двумя строками текста.

Вот WORKING SOLUTION

HTML-:

<div align="center" id="1_2" class="class_div" onclick="DoAction(1)" style="float: left; height: 60px; width: 250px; margin: 10px"><h1>&nbsp;&nbsp;&nbsp;&nbsp;Class :Class-1</h1>&nbsp;&nbsp;&nbsp;&nbsp; Class Teacher :Manan</div>

CSS-:

div{cursor:pointer; display:inline-table; text-align:center;}

Надежда помогает.

PS: Я проиллюстрировал с помощью div как селектор, но в качестве альтернативы вы также можете применить стили к классу.

источник

2013-06-20 08:23:12 Nitesh

Я верю, просто применяя курсор: указатель на div достаточно? Что такое отображение: встроенная функция таблицы здесь? –

С курсором: указатель; эффект мыши виден, но когда вы перемещаете мышь от первого заголовка к следующему от до низа, вы увидите, что разрыв между ними не получает эффект мыши. Так вот почему display: inline-table; приходит, чтобы сделать его полностью интерактивным. Вы можете увидеть это здесь http://jsfiddle.net/g6J3E/1/. Чтобы сделать его полностью кликабельным, упоминается OP - @QiqiAbaziz – Nitesh

. Я вижу .. никогда не использовать его раньше. Поддерживается ли этот стиль в старой версии браузера? –

Добавить cursor: pointer в правило стиля для класса class_div в вашем CSS.

источник

2013-06-20 08:21:02

Разве вы не видите пробел при перемещении мыши от первого текста к другому? – Nitesh

Вы должны изменить стиль, как это -

<div style="cursor:pointer" ....></div>.

источник

2013-06-20 08:21:40 Ved

Разве вы не видите пробел при перемещении мыши от первого текста к другому? – Nitesh

Как установить полный div clickable?

ответ

Смежные вопросы