Помощник
|
Сделать выдвижное меню CSS |
Wolfak
|
Сообщение
#1
|
||
|
|
||
|
|||
Nicolasik |
22.9.2011, 23:21;
Ответить: Nicolasik
Сообщение
#2
|
|
Сделаю за 20 ВМЗ. ася 411874972
-------------------- |
|
|
Wolfak
|
Сообщение
#3
|
|
Проблема еще не решена.
-------------------- |
|
|
dan1 |
23.9.2011, 23:26;
Ответить: dan1
Сообщение
#4
|
|
Попробуйте дописать в css следующий код, измените цвет, позиционирование.. Может и получится
.topmenu ul#el_mainmenu li { margin: 0; border: 0 none; padding: 0; float: left; display: inline; list-style: none; position: relative; } .topmenu ul#el_mainmenu ul { margin: 40px 0 0 0; border: 0 none; list-style: none; display: none; position: absolute; top: 25px; left: 0; } .topmenu ul#el_mainmenu ul:after { clear: both; display: block; font: 1px/0px serif; content: "."; height: 0; visibility: hidden; } .topmenu ul#el_mainmenu ul li { width: 150px; float: left; display: block !important; display: inline; background: #E7F1F8; margin: 0 0 -10px -10px; } .topmenu ul#el_mainmenu ul li a { display:block; padding-left: 10px; } /* Выпадающее меню */ .topmenu ul#el_mainmenu li:hover li a, .topmenu ul li.iehover li a { float: none; } .topmenu ul#el_mainmenu li:hover li a:hover, .topmenu ul#el_mainmenu li:hover li:hover a, .topmenu ul#el_mainmenu li.iehover li a:hover, .topmenu ul#el_mainmenu li.iehover li.iehover a { color:#003366; background: #D9EBF7; } .topmenu ul#el_mainmenu ul { display: none; position: absolute; top: 0; } .topmenu ul#el_mainmenu li:hover ul ul, .topmenu ul#el_mainmenu li.iehover ul ul { display: none; } .topmenu ul#el_mainmenu li:hover ul, .topmenu ul#el_mainmenu ul li:hover ul, .topmenu ul#el_mainmenu li.iehover ul, .topmenu ul#el_mainmenu ul li.iehover ul { display: block; } Как выводить меню: <div class="topmenu"> <ul id="el_mainmenu" class="thmenu"> <li><a href="/" title="Главная"><b>Главная</b></a> <ul> <li><a href="#">Номер 1</a></li> <li><a href="#">Номер 2</a></li> </ul> </li> <li><a href="/index.php?do=feedback" title="Заявка на обучение вождению"><b>Заявка на обучение</b></a></li> <li><a href="/info.html" title="Полезная информация"><b>Полезная информация</b></a></li> <li><a href="/new-pdd.html" title="Правила дорожного движения"><b>ПДД</b></a></li> <li><a href="/main/12-ekzamen-v-gibdd.html" title="Экзамен в ГИБДД"><b>Экзамен в ГИБДД</b></a></li> <li><a href="/marshgbdd.html" title="Маршруты ГИБДД"><b>Маршруты ГИБДД</b></a></li> <li><a href="/main/9-otzyvy.html" title="Отзывы клиентов"><b>Отзывы</b></a></li> </ul> Сразу говорю, что сразу всё идеально не заработает — придётся покопаться. Сообщение отредактировал dan1 - 23.9.2011, 23:29 |
|
|
Wolfak
|
Сообщение
#5
|
|
dan1, сами выпадающие ссылки отображаются некорректно. Ссылку на сайт отправил в лс.
-------------------- |
|
|
dan1 |
24.9.2011, 18:16;
Ответить: dan1
Сообщение
#6
|
|
Посмотрел, что получается..
У вас написано следующее: .topmenu { padding-right: 15px; height: 56px; background: #2f537d url("../images/topmenu.jpg") no-repeat; overflow: hidden; } Уберите, пожалуйста, overflow:hidden.. С цветами и размерами, я надеюсь, Вы сами разберетесь. |
|
|
Wolfak
|
Сообщение
#7
|
|
|
dan1, Спасибо большое =)
-------------------- |
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Нужно сделать репост статей в соц сети | 1 | HavingingWorld | 2497 | 27.2.2024, 2:15 автор: AndrePro |
|
Разработка/доработка сайтов Wordpress, HTML/CSS/JS Вёрстка, перенос на WP, правки |
9 | malamut | 3492 | 25.1.2024, 14:36 автор: malamut |
|
СОЗДАНИЕ : / САЙтЫ / ЛЕНДЫ / БОТЫ ТГ / ВАЙТЫ / КРЕО / СОФТЫ / ДИЗАЙН [PHP, JS, HTML/CSS] и другое | 5 | CULA | 3424 | 19.12.2023, 18:55 автор: CULA |
|
Сделать дорвей | 0 | tok24ua | 935 | 28.8.2023, 20:59 автор: tok24ua |
|
Сделать правки на html-странице | 5 | TABAK | 2312 | 20.5.2023, 10:45 автор: EvilGomel |
Текстовая версия | Сейчас: 25.4.2024, 11:26 |