|
|
Регистрация Восстановить пароль |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
30.05.2010, 15:34 | #1 |
Регистрация: 11.04.2009
Сообщений: 2
|
Вопрос по меню на CSS
Срочно нужна помошь по созанию меню. как сделать что бы первое меню было открыто. Вторые открывались только по нажатию мышки. Ключевые vt. были более темного зеленого цвета, а когда ведешь по подменю то они подчеркивались
(стиль) <style type="text/css"> #menu_body li ul {display:none} /* Убираем подменю */ #menu_body li:hover ul, #menu_body li.over ul { display: block } /* Делаем подменю видимым при наведении мыши */ #menu_body{ background: #0C3; width:302px } /*#menu_body li { display: block;} */ #menu_body a { width:100%; } #menu_body ul li { list-style-type:none; border-bottom:1px solid #fff; margin-left:-40px; padding-left:7px } #menu_body ul li a { color:#fff; font-family:verdana,arial,sans-serif; text-decoration:none } #menu_body ul li ul li { border:0; list-style-type:square; color:#fff; list-style-position:inside } #menu_body ul li ul{ border-top:1px solid #fff; margin-left:-7px; padding-left:50px } ( Само меню) <div class="leftcolums" style="float:right;"><div id="menu_body"; > <ul id="ul1"> <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> <li><a href="#">Пояса Земли</a></li> <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><a href="#">Зона арктических пустынь</a></li> <li><a href="#">Тундра</a></li> <li><a href="#">Леса Росии</a></li> <li><a href="#">Лес и человек</a></li> <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><a href="#">Водоемы нашего края</a></li> <li><a href="#">Наши подземные богатства</a></li> <li><a href="#">Земля кормилица</a></li> <li><a href="#">Жизнь леса</a></li> <li><a href="#">Жизнь луга</a></li> <li><a href="#">Жизнь пресного водоема</a></li> <li><a href="#">Растениеводство в нашем крае</a></li> <li><a href="#">Незаметные защитники урожая</a></li> <li><a href="#">Животноводство в нашем крае</a></li> </ul> </li> </ul> </div></div> |
30.05.2010, 17:19 | #2 |
Форумчанин
Регистрация: 07.09.2009
Сообщений: 361
|
необходимо придать самим ссылкам стили, например так:
Код:
|
30.05.2010, 23:41 | #3 |
Регистрация: 11.04.2009
Сообщений: 2
|
спасибо, а что бы меню расскрывалось по нажатию а не по наведению это как сделать?
|
31.05.2010, 00:10 | #4 |
Форумчанин
Регистрация: 10.02.2008
Сообщений: 178
|
чтоб по нажатию - нужно использовать javascript - поэтому советую обратиться в ветку
Javascript и другие клиентские скрипты |
30.06.2010, 23:51 | #5 |
Пользователь
Регистрация: 23.12.2008
Сообщений: 12
|
Добрый день.
Есть меню. Стили описаны в CSS до второго уровня вложения. (меню 1 > подменю 1 уровня> подменю 2 уровня) Подскажите, как мне расширить css до третьего уровня? А то я все экспериментирую... а не получается Код:
Код:
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Горизонтальное меню на CSS. | yermolenko | HTML и CSS | 2 | 27.05.2010 10:47 |
Меню сайта на CSS | Stevan | HTML и CSS | 2 | 11.11.2009 13:45 |
CSS меню не отображается в IE 6 | aNt1 | HTML и CSS | 2 | 05.03.2009 12:40 |
как создать меню в CSS? | Ulan | HTML и CSS | 7 | 08.10.2008 10:01 |
Динамическое меню с помощью CSS | LeoN | HTML и CSS | 4 | 21.05.2008 12:46 |