Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.50/8: Рейтинг темы: голосов - 8, средняя оценка - 4.50
pallopovertti
1

Создание выпадающего меню CSS

05.08.2013, 14:23. Показов 1546. Ответов 1
Метки нет (Все метки)

Добрый день. У меня никак не получается оформить выпадающее меню с помощью CSS. Подскажите, что нужно дополнить? Маюсь уже больше недели(((((((Прикрепляю СSS стиль без выпадающего меню
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
#menu
{
    float: right;
    width: 900px;
}
 
#menu ul
{
    float: right;
    margin: 0px;
    padding: 30px 0px 0px 0px;
    list-style: none;
    line-height: normal;
        
}
 
#menu  li
{
    float: left;
    border-left: 1px solid #E7E7E7;
       }
 
 
 
#menu a
{
    display: block;
    padding: 10px 20px;
    margin: 0em 1em;
    letter-spacing: 2px;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'Archivo Narrow', sans-serif;
    font-size: 1.10em;
    font-weight: 600;
    color: #99CCBB;
}
 
#menu .active a
{
    background: #99CCBB;
    border-radius: 5px;
    box-shadow: 0px 0px 0px 5px rgba(255,255,255,0.1);
    border: 1px solid #8EBEAE;
    color: #FFFFFF;
}
 
#menu .active a:hover
{
    background-color: #94C5B5;
}
 
#menu .active a:active
{
    background-color: #8EBEAE;
}
 
#menu a:hover
{
    text-decoration: none;}

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
 <div id="menu">
                <ul>
                    <li class="active"><a href="index.html" accesskey="1" title="">Главная</a></li>
                    <li><a href="" accesskey="2" title="">О компании</a></li>
                    <li><a href="" accesskey="3" title="">Услуги</a></li>
                                            <ul> 
                                               <li><a href="" accesskey="a" title="">Кофе</a></li>
                                               <li><a href="" accesskey="b" title="">Чай</a></li>
                                               <li><a href="" accesskey="c" title="">Коктель</a></li>
                                            </ul>
 
                    <li><a href="" accesskey="4" title="">Контакты</a></li>
                </ul>
            </div>
Добавлено через 11 минут
Ах, оказывается я здесь не одна с такой проблемой!((
__________________
Помощь в написании контрольных, курсовых и дипломных работ здесь
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
05.08.2013, 14:23
Ответы с готовыми решениями:

Css вывести 3й уровень выпадающего меню
Взываю к отцам css! Пользуясь справочником набросал себе выпадающее меню, всё вроде хорошо, вот...

Нужен совет по css для выпадающего меню
Структура меню &lt;ul class=&quot;nice-menu1&quot;&gt; &lt;li&gt;&lt;a...&lt;/li&gt; &lt;li&gt;&lt;a...&lt;/li&gt; &lt;li&gt; &lt;a...&gt; ...

Создание выпадающего меню
Как из этого меню сделать выпадающее вниз меню с подпунктами? #menu {clear: both;/*Отменяет...

Создание меню CSS. Не отображается подменю
Добрались мои кривые ручонки до веб технологий) Собственно изучать только начал и не могу настроить...

1
161 / 161 / 11
Регистрация: 07.09.2011
Сообщений: 995
07.08.2013, 14:00 2
Дак а почему CSS без выпадающего? Как мы Вам помогать то будем?
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
07.08.2013, 14:00

Создание горизонтального меню (HTML, CSS)
Скиньте пожалуйста ссылку на видеоурок (или что-то подобное) по созданию &quot;афигенского&quot;...

Изменить горизонтальное меню - сделать автозакрытие выпадающего меню после отвода курсора
Вообщем что имеем: http://test.aowserv.ru имеется горизонтальное меню, при наведении на кнопку...

Фон выпадающего меню
Должно быть Сделал вот Собственно вопрос: как сделать, чтобы background был 1 для всего...

Шаблон выпадающего меню
Здравствуйте. вопрос такой. имеются в коде html ссылки на шаблон css выпадающего меню &lt;link...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.