X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Как сделать выпадающее меню?
Betelgeise91
Betelgeise91
Topic Starter сообщение 15.7.2012, 13:47; Ответить: Betelgeise91
Сообщение #1


Сейчас меню сделано на css, но без выпадающего списка. Как его модифицировать. Что добавить в файл css?
Код текущего меню:
<ul id="high_menu">
<li><a href="http://www.musicathome.ru/index.php">Главная</a></li>
<li><a href="http://www.musicathome.ru/guitar/guitar_index.php">Гитара</a></li>
<li><a href="http://www.musicathome.ru/theory_of_music/theory_of_music_index.php">Теория музыки</a></li>
<li><a href="http://www.musicathome.ru/mastering/mastering_index.php">Звукозапись</a></li>
<li><a href="http://www.musicathome.ru/service/contact_us.php">Обратная связь</a></li>
<li><a href="http://www.musicathome.ru/service/about_us.php">О нас</a></li>
</ul>


Текущий css:
[CSS]#high_menu_left{
border-left: 1px solid #777;
}

#high_menu {
text-align:center;
text-decoration:none;
width: 1232px;
height:auto;
background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#999));
background-image: -o-linear-gradient(top, #000, #999);
background: -moz-linear-gradient(top, #000, #999);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000', endColorstr='#999');
border: 1px solid #444;
padding: 0;
margin: 0;
}

#high_menu li {
display: inline-block;
border-right: 1px solid #777;
margin-left:-4px;
}

#high_menu li:hover {
background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#CCC));
background-image: -o-linear-gradient(top, #000, #CCC);
background: -moz-linear-gradient(top, #000, #CCC);
text-decoration:none;
}

#high_menu li a {
font: 13px Georgia, "Times New Roman", Times, serif;
text-decoration:none;
letter-spacing: 1px;
padding: 12px 20px;
display: block;
color: #fff;
}[/CSS]

Модифицированный код меню:

<ul id="high_menu">
<li><a href="http://www.musicathome.ru/index.php">Главная</a></li>
<li><a href="http://www.musicathome.ru/guitar/guitar_index.php">Гитара</a></li>
<li><a href="http://www.musicathome.ru/theory_of_music/theory_of_music_index.php">Теория музыки</a></li>
<li><a href="http://www.musicathome.ru/mastering/mastering_index.php">Звукозапись</a></li>
<li><a href="http://www.musicathome.ru/service/contact_us.php">Обратная связь</a></li>
<li style="border:none;">
<a href="http://www.musicathome.ru/service/about_us.php">О нас</a>
<ul>
<li><a href="http://www.musicathome.ru/service/about_us.php">Кто мы</a><li>
<li><a href="http://www.musicathome.ru/service/about_us.php">Что делаем</a><li>
<li><a href="http://www.musicathome.ru/service/about_us.php">Зачем</a><li>
</ul>
</li>
</ul>


А вот что добавить в css, чтобы список стал "выпадающим"?
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
sodik
sodik
сообщение 15.7.2012, 13:58; Ответить: sodik
Сообщение #2


[CSS]#high_menu ul {display:none;}
#high_menu li:hover ul {display:block;}[/CSS]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Betelgeise91
Betelgeise91
Topic Starter сообщение 15.7.2012, 14:13; Ответить: Betelgeise91
Сообщение #3


Не работает так, как нужно. А нужно, чтобы пункты выпадающего списка были не в ряд, а друг под другом.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
sodik
sodik
сообщение 15.7.2012, 14:27; Ответить: sodik
Сообщение #4


Я просто показал в чем суть, дальше уже сами делайте как Вам надо.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Betelgeise91
Betelgeise91
Topic Starter сообщение 15.7.2012, 14:31; Ответить: Betelgeise91
Сообщение #5


Просто я не знаю, как это сделать.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
sodik
sodik
сообщение 15.7.2012, 14:35; Ответить: sodik
Сообщение #6


http://cssor.ru/css/polezno-interesnoe/cssmenu

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Арбитражники, как ведете учет расходов и доходов?
11 Boymaster 1767 Вчера, 23:35
автор: Boymaster
Горячая тема (нет новых ответов) Как вывести деньги в Украине с заблокированного Юмани ?
29 freeax 4789 Вчера, 1:19
автор: sergio11
Горячая тема (нет новых ответов) Как вы отдыхаете от работы за компом
148 adw-kupon.ru 19683 8.4.2024, 10:37
автор: Skyworker
Открытая тема (нет новых ответов) Как вы бросили работу и перешли на заработок с сайтов?
18 uahomka 3089 5.4.2024, 5:53
автор: Skyworker
Горячая тема (нет новых ответов) Как бездомные хранят деньги?
81 metvekot 13647 31.3.2024, 12:44
автор: Boymaster


 



RSS Текстовая версия Сейчас: 18.4.2024, 18:37
Дизайн