Текущее время: 28 мар 2024, 20:02

Часовой пояс: UTC + 3 часа [ Летнее время ]


Правила форума


Пожалуйста, прежде чем задавать вопрос, воспользуйтесь поиском, возможно ответ уже существует!



Начать новую тему Ответить на тему  [ Сообщений: 4 ] 
Автор Сообщение
 Заголовок сообщения: Меню
СообщениеДобавлено: 25 сен 2014, 18:09 
Не в сети

Зарегистрирован: 06 сен 2014, 13:58
Сообщения: 13
Добрый вечер. Мне нужен такой код в CSS, что бы при наводке мыши на пункт из меню автоматически разворачивалось подменю. А то, чтобы открыть подменю обязательно нужно нажать на меню переждать загрузку и только тогда откроются другие страницы из меню. Это сделать возможно?


Вернуться к началу
 Профиль  
 
 Заголовок сообщения: Re: Меню
СообщениеДобавлено: 28 сен 2014, 16:09 
Не в сети

Зарегистрирован: 06 сен 2014, 13:58
Сообщения: 13
А что все молчат? Может подскажите мне, 48 просмотров и ни одного ответа.... :x


Вернуться к началу
 Профиль  
 
 Заголовок сообщения: Re: Меню
СообщениеДобавлено: 29 сен 2014, 18:00 
Не в сети

Зарегистрирован: 06 сен 2014, 13:58
Сообщения: 13
Уже не нужно, сам узнал. Напишу сюда код, что бы все знали:
<!DOCTYPE html>
<html>
<head>
<title>Меню</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>

<body>

<div id="mainmenu">
<ul id="nav">
<li><a href="">Меню 1</a>
<ul>
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 2</a></li>
<li><a href="#">Item 3</a></li>
</ul>
</li>

<li><a href="">Меню 2</a>
<ul>
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 2</a></li>
</ul>
</li>

<li><a href="">Меню 3</a>
<ul>
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 2</a></li>
<li><a href="#">Item 3</a></li>
<li><a href="#">Item 4</a></li>
</ul>
</li>
</ul>
</div>

</body>
</html>

Файл style.css:
#mainmenu
{
float:left;
}
#mainmenu ul
{
margin: 0;
padding: 0;
list-style: none;
}
#mainmenu ul li
{
position: relative;
float:left;
}
#mainmenu ul li ul, #mainmenu ul li ul li
{
width:130px;
}
#mainmenu li ul
{
position: absolute;
left: 0;
top: 29px;
display: none;
float:left;
}
#mainmenu ul li a
{
float:left;
color: black;
width:130px;
font-size:16px;
padding: 5px 0 5px 0;
text-align:center;
background: #CCCCCC;
}
#mainmenu li ul li a
{
padding:5px 0 3px 10px;
text-align:left;
font-size:12px;
width:120px;
background: #EEEEEE;
}
#mainmenu li ul li a:hover
{
background: #152C36;
color:White;
}
* html #mainmenu ul li { float: left; height: 1%; }
* html #mainmenu ul li a { height: 1%; }
#mainmenu li:hover ul,
#mainmenu li.over ul { display: block; }


Вернуться к началу
 Профиль  
 
 Заголовок сообщения: Re: Меню
СообщениеДобавлено: 15 ноя 2014, 21:51 
Не в сети

Зарегистрирован: 28 фев 2014, 20:15
Сообщения: 16
crash98

А можно с помощью этого кода:

Код:
li:hover ul{display:block}


Нашла на форуме, вот http://forum.okis.ru/viewtopic.php?f=21&t=2069&start=10

Код рабочий, я его применила, смотрится замечательно.


Вернуться к началу
 Профиль  
 
Показать сообщения за:  Поле сортировки  
Начать новую тему Ответить на тему  [ Сообщений: 4 ] 

Часовой пояс: UTC + 3 часа [ Летнее время ]


Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей


Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете добавлять вложения

Найти:
Перейти:  
cron