Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Общие вопросы по вёрстке Отображение содержания краткой новости при наведении курсора на текст

Отображение содержания краткой новости при наведении курсора на текст


     09.12.2013    Общие вопросы по вёрстке    2115

вопрос
Здравствуйте. Подскажите как можно решить: использую Block Pro 2.5. Использую для вывода в блоке только название новости (которое одновременно является кликабельной ссылкой на саму новость). Как сделать чтобы при наведении курсора на любой из заголовков новостей появлялось краткое описание соответствующей новости? Заранее благодарен!

Ответил: doktorpull


Вот так вот HTML

<div class="title">
    <a href="ссылка на новость">Ссылка на новость</a>
</div>
<div class="news">
    В этот день поздней весной в Сан-Диего несколько команд Главной лиги пропускали через жернова просмотра группу подающих надежды спортсменов. И если в воздухе витало чуть больше напряжения и драматизма, то лишь потому, что на дворе стоял 1980 год и риски, связанные с подготовкой бейсболистов, возросли.
</div>


и вот это в СSS



.news{
    display:none;
}

.title:hover + .news{display:block;}


Наглядный пример можно глянуть тут ссылка

Комментарии пользователей (3)

kaster1980
20

kaster1980 - 9 декабря 2013 18:51 - Юзер

спасибо, но немножко не то.

doktorpull
6

98 | 5

doktorpull - 9 декабря 2013 19:06 - Юзер

ну как ты и написал, разве нет?

vitnet
218

2171 | 930

vitnet - 10 декабря 2013 10:39 - Эксперт

Так с помощью CSS правьте как вам нужно, вариантов море

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы