Область гиперссылки

Голоса: +1
Почему, когда я навожу курсор на block2 внутри рамки, он изменяет вид только при наведении на текст или графику, а пустая область не задействована? С чем это связано?

<div class="block2"><a href="http://malinatomsk.ucoz.ru/index/rtf/0-16"><div class="img1"><img src="http://malinatomsk.ucoz.ru/galochka9.png" alt=""></div>РТФ<div class="Grupp">группы<br> 114,154,164,<br>1b4,124-1,2,3</div></a></div>
| Автор: | Категория: Дизайн сайта
Изменение категории | | Автор: webanet

Ответов: 1

Голоса: +1
 
Лучший ответ

>> Почему, когда я навожу курсор на block2 внутри рамки, он изменяет вид только при наведении на текст или графику, а пустая область не задействована?

> Так как нужно добавить ховер, для класса в который завернут соответствующий блок, как пример в таблицу стилей добавьте:

.block2:hover {background: rgba(194, 234, 50, 0.44);}
 
И почитайте материал - http://htmlbook.ru/css/hover
| Автор:
Выбор ответа лучшим | | Автор: Yuri_Geruk
До того как добавить .block2 а, я добавляла hover, но потом убрала так как это не работало. Сейчас буду разбираться. Спасибо!
Сделала вот так:
.block4: hover {cursor:pointer}
но все равно вид указателя меняется только при наведении на текст или рисунок. между ними "пустое место".
Можно так .block4 {cursor: pointer;}
Я могу так сделать, вид курсора изменится. Но гиперссылка все равно не будет работать в этом "пустом" месте.
Если вам нужна ссылка в виде блока, то сделайте так:

<a class="block4" href="http://malinatomsk.ucoz.ru/index/rtf/0-16"><div class="img1"><img src="http://malinatomsk.ucoz.ru/rtf4.png" alt="Радиотехнический факультет"></div>РТФ<div class="Grupp">группы<br> 124-1,2,3,144-1,2,3,4<br>114,154,164,1а4,1b4</div></a>
Вы меня правильно поняли) Да, я хотела сделать блок как "кнопку". Теперь все работает как надо. Спасибо!
...