Помощник
|
Помогите с выпадающим меню |
Vargaas
|
Сообщение
#1
|
||
|
|
||
|
|||
locky-yotu |
23.1.2011, 14:01;
Ответить: locky-yotu
Сообщение
#2
|
|
|
|
|
Vargaas
|
Сообщение
#3
|
|
Ну фон то я добавил, но он на всю ширину, как его ограничить?
|
|
|
Tigor.v |
24.1.2011, 17:09;
Ответить: Tigor.v
Сообщение
#4
|
|
Привет, а можешь код предоставить?
|
|
|
bob_hb |
25.1.2011, 2:31;
Ответить: bob_hb
Сообщение
#5
|
|
Давай код сделаю или вличку давай
|
|
|
Vargaas
|
Сообщение
#6
|
|
вот хтмл
<!--Меню--> <div id="menu"> <ul id="cssmenu"> <ul> <li><a href="index.html" accesskey="1">Главная</a></li> <li><a href="bibl.html" accesskey="2">Библиотека</a> <ul><br> <li><a href="sert.html"><font color="#ff0000">Сертификаты</font></a></li><br> <li><a href="instr.html"><font color="#ff0000">Инструкции</font></a></li><br> <li><a href="allliz.html"><font color="#ff0000">Лицензирование</font></a></li><br> <li><a href="gost.html"><font color="#ff0000">ГОСТы</font></a></li><br> </ul> </li> <li><a href="dil.html" accesskey="3">Доставка</a></li> <li><a href="allnov.html" accesskey="3">Новости</a></li> <li><a href="vopr.php" accesskey="3">Вопрос-Ответ</a></li> <li><a href="about.html" accesskey="4">О нас</a></li> <li><a href="kontaks.html" accesskey="5">Контакты</a></li> </ul> </div> А вот ксс: [CSS] /* Menu */ #menu { padding: 1em 2em 1em 0em; background: #F1DFC9 url('images/a2.gif') top left repeat-x; font-size: 1.1em; } #menu ul { display: block; width: 1000px; margin: 0em auto; list-style: none; padding-left: 2.5em; } #menu li ul { position: absolute; /* Подменю позиционируются абсолютно */ display: none; /* Скрываем подменю */ margin-left: 50px; /* Сдвигаем подменю вправо */ margin-top: -1em; /* Сдвигаем подменю вверх */ } #menu li { display: inline; } #menu li a { color: #CAFFCA; font-weight: bold; text-decoration: none; padding: 0.25em 0.75em 0.25em 0.75em; } #menu li a:hover { background: #000 top left repeat-x; color: #fff; } #menu li:hover ul { background: #F1DFC9 top center repeat-x; display: block; /* При выделении пункта курсором мыши отображается подменю */ } .brd { border-bottom: 1px solid #ccc; /* Линия снизу */ } [/CSS] |
|
|
Vargaas
|
Сообщение
#7
|
|
Сначало написал меню, а уже потом делал эффект выпадения.
Если я сильно накасячил то как по дугому сделать можно, я знаю что как то через яваскрипт. Что у меня молучилось можно посмотеть сдесь: http://domsib.com |
|
|
bumer_hb |
27.1.2011, 14:32;
Ответить: bumer_hb
Сообщение
#8
|
|
вот это исправь width: 1000px; , чтобы не такое длиное меню было
|
|
|
Vargaas
|
Сообщение
#9
|
|
Бумер в пинципе идея неплохая, я уменьшил, но в этом случае все остальные пункты менютоже пиблизились очень сильно, а некотоые дуг под дуго стали.
Мне нужно только фон у выпадающего поменьше сделать. |
|
|
locky-yotu |
27.1.2011, 16:25;
Ответить: locky-yotu
Сообщение
#10
|
|
[CSS]#menu li ul {
width: 200px; }[/CSS] |
|
|
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Помогите вспомнить рекламного бота Телеграм для обмена рекламой | 0 | Mixatraider | 725 | 21.2.2024, 23:42 автор: Mixatraider |
|
Помогите рещить проблему с монитором. Почему низкое разрешение при подключении монитора через displayport? |
0 | Levels | 1702 | 11.12.2020, 0:48 автор: Levels |
|
Помогите кто нибудь получить партнерку Росбанк! | 7 | heisenberg_mw | 2340 | 7.8.2020, 9:28 автор: heisenberg_mw |
|
Помогите найти тему пожалуйста | 7 | virtas | 12479 | 24.7.2020, 17:02 автор: -JamesSmips- |
|
Помогите с поиском доноров | 3 | tehno_music | 3352 | 4.11.2019, 17:15 автор: goblin78 |
Текстовая версия | Сейчас: 19.4.2024, 15:24 |