Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.60/5: Рейтинг темы: голосов - 5, средняя оценка - 4.60
Paylo
1 / 1 / 0
Регистрация: 28.10.2012
Сообщений: 195
1

Горизонтальное меню CSS

03.12.2012, 17:35. Просмотров 921. Ответов 1
Метки нет (Все метки)

вот у меня HTML код меню
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<ul id="menu">
<link href="style.css" rel="stylesheet" type="text/css" />
<li><a href="index.html">Главная страница</a></li>
<li>
<a href="#">Наши услуги</a>
<ul>
<li><a href="#">Комнаты и квартиры</a></li>
<li><a href="#">Коммерческая недвижемость</a></li>
<li><a href="#">Ипотечные кредиты</a></li>
<li><a href="#">Зарубежная недвижимость</a></li>
</ul>
</li>
<li>
<a href="#">Посетите нас</a>
<ul>
<li><a href="#">Вход</a></li>
<li><a href="#">Регистрация</a></li>
 
</li>
</ul>
вот сам CSS
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
#menu li {
        list-style: none;
        float: left;
        height: 33px;
        padding: 0;
        margin: 0;
        width: 150px;
        text-align: center;
        background: #171717;
        position: relative;
        padding-top: 12px;
        }
#menu li ul {
        list-style: none;
        padding: 0;
        margin: 0;
        width: 150px;
        display: none;
        position: absolute;
        left: 0;
        top: 45px;
        }
#menu li ul li {
        float: none;
        height: 33px;
        margin: 0;
        width: 150px;
        text-align: center;
        background: #7F7F7F;
        }
#menu li a {
        display: block;
        width: 150px;
        height: 33px;
        color: #fff;
        text-decoration: none;
        }
#menu li:hover ul, #menu li.jshover ul {
        display: block;
        }
#menu li:hover, #menu li.jshover {
        background: #424242;
        }
И вопрос такой,как мне сделать чтобы когда наводишь на одну из кнопок,меню выпадало не вниз а наоборот вверх??!!
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
03.12.2012, 17:35
Ответы с готовыми решениями:

CSS горизонтальное меню
Здравствуйте. У меня проблема с горизонтальным меню. Надо, чтобы подменю...

Горизонтальное CSS меню
Решил изучить создание горизонтального меню, но столкнулся с ОГРОМНЫМИ...

Горизонтальное меню на CSS
Здравствуйте, Помогите пожалуйста подвинуть ul li ul li ul чтоб на ul li...

Горизонтальное меню на CSS
Горизонтальное меню.При наведении на пункт меню выпадает подменю.Но сам пункт...

Горизонтальное меню css
Только начинаю делать сайты и возникла проблема, как сделать тень на...

1
StopSmell
290 / 167 / 28
Регистрация: 16.09.2012
Сообщений: 369
03.12.2012, 21:14 2
CSS
1
2
3
4
5
#menu li ul {
list-style: none;
       ...
       top: 45px;
}
top замените на bottom.
CSS
1
2
3
4
5
#menu li ul {
list-style: none;
       ...
       bottom: 45px;
}
И проверьте html код меню. Подменю (ul) у пункта "Посетите нас" не закрыто.
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
03.12.2012, 21:14

Горизонтальное меню (CSS)
Приветствую! Пытаюсь создать горизонтальное меню, однако столкнулся с...

Выпадающее горизонтальное css меню
Здравствуйте! Есть необходимость сделать вертикальное выпадающее меню. Дочерние...

Горизонтальное меню CSS + HTML5
Столкнулся с такой проблемой. Создал меню, необходимо при наведении на...


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

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

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