Присоединяйтесь к сообществу профессиональных веб-мастеров PR-CY, отвечайте на вопросы коллег и задавайте свои.
Помогите подкорректировать этот HTML, из за него картинки активные.<div class="list_links">
http://#">
<div class="div1"></div>
<div class="div2"></div>
</a>
<div class="div3"></div>
<div class="div4"></div>
</div>
ul li a:hover ul li a.act
Поможем улучшить ваш сайт.
http://www.levkachesov.com/uploads/photos_rollover/bf3a0e15d186eec.jpeg
Это CSS
.list_links a {display: block;width: 0px;}
.list_links .div1 {
display: block;
position: relative;
top: 50px;
left: 125px;
width: 400px;
height: 600px;
}
.list_links a .div1 {
display: block;
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("http://www.levkachesov.com/uploads/photos/ae9e3434c1a227f.jpeg");
background-origin: padding-box;
background-position: 0 0;
background-repeat: no-repeat;
background-size: auto auto;
text-indent: -9999px;
}
.list_links a:hover .div1 {
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("http://www.levkachesov.com/uploads/photos_rollover/ae9e3434c1a227f.jpeg");
background-repeat: no-repeat;
background-origin: padding-box;
background-position: left top;
background-size: auto auto;
opacity: 0.83!important; /* Полу прозрачность элемента */
}
.list_links .div2 {
display: block;
position: relative;
top: 35px;
left: 130px;
width: 180px;
height: 65px;
}
.list_links a .div2 {
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: none;
background-origin: padding-box;
background-position: 0 0;
background-repeat: repeat;
background-size: auto auto;
display: block;
}
.list_links a:hover .div2 {
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("http://kompcenter.net.ua/images/doska_menu_ege.gif");
background-origin: padding-box;
background-position: left top;
background-repeat: no-repeat;
background-size: auto auto;
}
.list_links .div3 {
display: block;
position: relative;
top: 15px;
left: 125px;
width: 180px;
height: 65px;
}
.list_links a .div3 {
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: none;
background-origin: padding-box;
background-position: 0 0;
background-repeat: repeat;
background-size: auto auto;
display: block;
}
.list_links a:hover .div3 {
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("http://kompcenter.net.ua/images/doska_menu_ege.gif");
background-origin: padding-box;
background-position: left top;
background-repeat: no-repeat;
background-size: auto auto;
}
.list_links .div4 {
display: block;
position: relative;
top: 8px;
left: 115px;
width: 180px;
height: 65px;
}
.list_links a .div4 {
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: none;
background-origin: padding-box;
background-position: 0 0;
background-repeat: repeat;
background-size: auto auto;
display: block;
}
.list_links a:hover .div4 {
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("http://kompcenter.net.ua/images/doska_menu_ege.gif");
background-origin: padding-box;
background-position: left top;
background-repeat: no-repeat;
background-size: auto auto;
}