VPF::Многоуровневое меню HTML,CSS - Форум программистов

slnes

Дата 28.10.2015, 07:59 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 139
Регистрация: 24.6.2005

Репутация: нет
Всего: нет

Нужно чтобы при наведении на DIV выскакивало меню, при выборе пункта меню выскакивает текст рядом с меню.
Застрял на меню, как вывести текст при наведении на пункт меню? (при наведении на пункт меню справа отображается текст)

Код


 <style>
.target {position:absolute; top:100px; left:200px; width:25px; height:25px; border-radius:25px; border:solid 5px #f00; background:transparent; cursor:pointer;}
.target div {position:absolute; width:10px; height:10px; border-radius:5px; top:7.5px; left:7.5px; background:#f00;} 
.target div div {left:-999px; top:10px; width:120px; border:solid 1px #000; border-radius:0px; background:#ff0; height:auto; } 
.target:hover {border-color:#00f;} 
.target:hover div{background:#00f;} 
.target:hover div div{left:10px; background:#fff;}

 
</style>


<div class="target">
<div>
<div>Меню
<ul>
<li>Пункт 1</li>
<li>Пункт 2</li>
<li>Пункт 3</li>
<li>Пункт 4</li>
<li>Пункт 5</li>
</ul>
</div>
</div>
</div>

Это сообщение отредактировал(а) slnes - 28.10.2015, 12:33

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »