при наведении на ссылку не появляется палец [Архив форума]

Просмотр полной версии : при наведении на ссылку не появляется палец

imediasun1

28.10.2013, 00:24

Посмотрите пожалуйста http://vs-group.com.uaесть три черных блока под хэдером
при наведении на ссылки на крайне правом блоке появляется палец мыши, а при наведении на ссылки в крайне левом блоке палец появляется только в конце строки а не на буквах, мистика какая-то

<div class="info_block_1">
<div id="links_info_block_1">
<a href=""><p class="link_info_block_1">Внешняя реклама</p></a>
<hr>
<br>
<a href=""><p class="link_info_block_2">Вывески</p>
<a href=""><p class="link_info_block_2">Неон</p>
</div>
</div>
<div class="info_block_2">
<img src="/img/logo_romb.png">
</div>
<div class="info_block_1">
<div id="links_info_block_2">
<a href=""><p class="link_info_block_1">Дизайн и полиграфия</p></a>
<hr>
<br>
<a href=""><p class="link_info_block_2">Реклама</p></a>
<a href=""><p class="link_info_block_2">Деловая</p></a>
</div>
</div>

.info_block_1 {
z-index:0;
position:relative;
}
.info_block_1 a{

}
#links_info_block_1 a:hover{

}
#links_info_block_2 a:hover{

}

#links_info_block_1{
position:absolute;
padding:10px;
width:230px;
text-align:left;
}
#links_info_block_2{
position:absolute;
padding:10px;
width:230px;
text-align:right;

}
.link_info_block_1{
position:relative;
z-index:999;
cursor:pointer;
color:#fec813;
font-size:17px;
}
.link_info_block_2{
color:#fff;
font-size:17px;
position:relative;
z-index:999;
display:block;

}

ksa

28.10.2013, 08:43

мистика какая-то
Мистики тут не бывает... :D
Просто один элемент перекрывает другой.

Так говнокодить еще уметь нужно!

<!DOCTYPE html>
<html>
<head>

<style type="text/css">
.info_block_1 {
z-index:0;
position:relative;
}
.info_block_1 a{
}
#links_info_block_1 a:hover{
}
#links_info_block_2 a:hover{
}
#links_info_block_1{
position:absolute;
padding:10px;
width:230px;
text-align:left;
}
#links_info_block_2{
position:absolute;
padding:10px;
width:230px;
text-align:right;
}
.link_info_block_1{
position:relative;
z-index:999;
cursor:pointer;
color:#fec813;
font-size:17px;
}
.link_info_block_2{
color:#fff;
font-size:17px;
position:relative;
z-index:999;
display:block;
}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<div class="info_block_1">
<div id="links_info_block_1">
<a href=""><p class="link_info_block_1">Внешняя реклама</p></a>
<hr>
<br>
<a href=""><p class="link_info_block_2">Вывески</p>
<a href=""><p class="link_info_block_2">Неон</p>
</div>
</div>
<div class="info_block_2">
<img src="/img/logo_romb.png">
</div>
<div class="info_block_1">
<div id="links_info_block_2">
<a href=""><p class="link_info_block_1">Дизайн и полиграфия</p></a>
<hr>
<br>
<a href=""><p class="link_info_block_2">Реклама</p></a>
<a href=""><p class="link_info_block_2">Деловая</p></a>
</div>
</div>
</body>
</html>

imediasun1

28.10.2013, 12:45

Я вас не понял вы просто повторили мой код, что тут не так, как определить какой элемент перекрывает и как исправить

imediasun1

28.10.2013, 12:47

от правильный ответ

.info_block_1 {
z-index: 1;
}