Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

Проблема в горизонтальном меню

Обсуждение темы Проблема в горизонтальном меню в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Здравствуйте, возникла проблема в горизонтальном меню в меню прописана подсветка активного пункта при нажатии на родительскую категорию в меню подсвечиваються и подкатегории и ...


Закрытая тема
 
Опции темы
Старый 03.08.2012, 20:01   #1
Здравствуйте,
возникла проблема в горизонтальном меню
в меню прописана подсветка активного пункта
при нажатии на родительскую категорию в меню
подсвечиваються и подкатегории и тем самым становяться
как бы активными.
Подскажите пожалуйста исправить эту проблему

Код HTML:
#top_menu{display:block;width:685px;height:48px;z-index:99;border:none;}
#top_menu .moduletable{margin:0;}
#top_menu li#current a{color:#ff6600;}
#top_menu li:hover{background:url(../images/1.png) repeat-x;}
#top_menu ul{display: block; width:0 auto;margin:0;padding:0;}
#top_menu ul li{display:block;height:30px;width:12em;float:left;margin:0;padding:0;text-align: center;}
#top_menu ul li a{background:url(../images/2.png) no-repeat right;font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#FFF;height:18px;display:block;text-transform:uppercase;margin:0;padding:16px 10px;}
#top_menu ul li a:hover{text-decoration:none;color:#ff6600;margin:0;}
#top_menu ul li li{border-top:1px solid #bf3415;border-bottom:1px solid #670a03;background:none;width:15em;}
#top_menu ul li li a{color:#FFF;text-transform:uppercase;display:block;background:none;height:15px;padding:8px 10px;}
#top_menu ul li li a:hover{color:#ff6600;background:#670a03;}
#top_menu ul li li:hover{border-top:1px solid #5c0903;border-bottom:1px solid #670a03;background:none;}
#top_menu ul li ul{background:url(../images/3.png);display:block;height:auto;width:15em;position:absolute;z-index:99;margin-left:-1px;margin-top:-1px;left:-999em;}
#top_menu ul li ul ul{margin:-31px 0 0 15em;}
#top_menu ul li:hover ul ul,#top_menu ul li:hover ul ul ul{left:-999em;}
#top_menu ul li:hover ul,#top_menu ul li li:hover ul,#top_menu ul li li li:hover ul{left:auto;}
 
Старый 03.08.2012, 20:01
Ссылки
Старый 03.08.2012, 21:12   #2
html код в студию!
 
Старый 09.08.2012, 23:07   #3
в общем виде примерно так:
ul.menu li:hover {background: orange;} /* пункт и подпункты подсвечиваются при наведении */
ul.menu li:hover li {background: transparent;} /* убираем подсветку подпунктов */
 
Старый 09.08.2012, 23:07
Закрытая тема

Метки
css, html, menu


Опции темы


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
помогите пожалуйста в горизонтальном меню для сайта kostia HTML, CSS, JavaScript 1 02.06.2010 21:55
Проблема с меню aforse Графические работы 3 14.04.2010 12:21
Проблема с меню на cms DLE 74ivan74 HTML, CSS, JavaScript 0 10.08.2009 16:55
проблема с ssi меню Oleg Ni HTML, CSS, JavaScript 11 01.07.2004 13:35
Проблема с меню Chupa HTML, CSS, JavaScript 2 29.05.2003 20:18


Текущее время: 08:45. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Тарифный план «Lite»
Место: 1000 Мб
Трафик: неограниченный
Панель управления
Заказать ТП «Lite»
Тарифный план «Normal»
Место: 2000 Мб
Трафик: неограниченный
Поддержка скриптов
Заказать ТП «Normal»
Тарифный план «Profy»
Место: 7000 Мб
Трафик: неограниченный
Поддержка скриптов
Заказать ТП «Profy»
Тарифный план «Места хватит!»
Место: 25 ГБ
Трафик: неограниченный
Поддержка SSI, ssh
Заказать ТП «Места хватит!»
Дизайнерский форум