Как одновременно подсветить картинку с находящимся ниже текстом
Нужно подсветить картинку вместе с текстом одновременно. Моих сил в css хватило на подсветку только по отдельности.
Как это выглядит:
Как должно быть:
Т.е. нужно чтобы при наведении либо на текст, либо на эту рамку (в рамке будет картинка) они вместе подсвечивались
Как это выглядит:
Как должно быть:
Т.е. нужно чтобы при наведении либо на текст, либо на эту рамку (в рамке будет картинка) они вместе подсвечивались
Псевдоэлемент :hover ожно применять не только к ссылкам. Поэтому заключаем картику и заголовок в див а при нведении на него будем делать подсветку обоих элементов.
Как то так? нужно только дописать нужные стили для конечного оформления.
<div class="class">
[full-link][xfgiven_image]<img src="[xfvalue_image]" alt="{title}" />[/xfgiven_image][/full-link]
<h2>[full-link]{title}[/full-link]</h2>
</div>
.class a {display: block;}
.class h2 a {display: inline;}
.class:hover a {
border: 1px solid #dcdcdc;
color: #fff;
}
.class:hover h2 a {
border: none;
color: #474646;
}
Как то так? нужно только дописать нужные стили для конечного оформления.
Спасибо сказали: hosts
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
