Нужно подсветить картинку вместе с текстом одновременно. Моих сил в css хватило на подсветку только по отдельности.
.video_image {
width: 210px;
height: 125px;
overflow: hidden;
position: relative;
border: 1px solid #777;
}
.video_image:hover {
border: 1px solid #dcdcdc;
}
.video_image img {
width: 210px;
}
.video_title {
padding: 5px 5px 10px 5px;
}
.video_title a {
color: #cfcfcf;
font-size: 13px;
font-weight: bold;
}
.video_title a:hover {
color: #fff;
}
.video_title h2 {
padding: 0 0 5px 0;
}
.video_title h2 a {
color: #474646 !important;
text-decoration: none;
}
.video_title h2 a:hover {
color: #fff !important;
}
<div class="video_image">
[full-link][xfgiven_image]<img src="[xfvalue_image]" alt="{title}" />[/xfgiven_image][/full-link]
</div>
<div class="video_title">
<h2>[full-link]{title}[/full-link]</h2>
</div>
Как это выглядит:
Как должно быть:
Т.е. нужно чтобы при наведении либо на текст, либо на эту рамку (в рамке будет картинка) они вместе подсвечивались
Источник:
dle-faq.pro, DLE