Как сделать, чтобы подпункты меню 2го уровня не скрывались?
Тоесть, при наведении выпадает подпункты меню 1го ур, надо сделать так, чтобы подпункты второго вместе тоже выпадали.
Основной код отвечающий за скрытиеКод:Весь код меню.moduletable_up li:hover ul ul, .moduletable_up li:hover ul ul ul, .moduletable_up li.sfhover ul ul, .moduletable_up li.sfhover ul ul ul { left: -999em; }Код:.separator { font-family:12px Verdana,Arial;; color: #fff; outline: 0; text-decoration: none; display: block; padding: 10px 10px; font-weight: normal; list-style: none; text-align: center !important; font-size: 16px; line-height: 30px; padding: 0 20px; cursor: pointer; float: left; } .separator:hover, .separator.active { color: #cccc66; background: #741d09; border-radius: 3px; outline: none; text-decoration: none } .moduletable_up .item-145 .nav-child { width:650px !important; float:left; padding:0px 30px 0 0; margin: 40px 0 0 -300px} .moduletable_up .item-145 .nav-child .nav-header {padding:0 15px 0 0; display: inline !important;} .moduletable_up .item-145 .nav-child ul.nav-child { width:140px !important; padding: 10px 50px 5px 5px !important; margin:0 !important} .moduletable_up .item-145 .nav-child ul.nav-child li {width:120px !important; margin-left:0 !important;} /*-----------------меню-------------------*/ #right1 { width: 820px; display: block; font-size: 100%; margin: 0; padding: 0; outline: none; display: inline; font: 12px Verdana, Arial !important; } #right1 ul li { float: right; display: inline-block; padding: 10px 10px 10px 10px; list-style: none; text-align: left !important; margin: 5px 0 0 0; } #right1 a { text-decoration: none; } .moduletable_up { float: right; margin: 0; top: auto; height: 54px; z-index: 100; position: relative; } .moduletable_up a { color: #FFF; font: 16px Verdana, Arial; line-height: 30px; padding: 0 20px; cursor: pointer; display: block; float: left; text-decoration: none; } .moduletable_up a:hover, .moduletable_up li.active a { color: #3286CB; background:# 0CF; border-radius: 3px; outline: none; text-decoration: none; } .moduletable_up a:hover, .moduletable_up li.active a {background:#fff !important; } .moduletable_up li ul { position: absolute; font-family: 12px Verdana,Arial; margin:0 auto; padding:0; width: 170px; left: -999em; /* Скрытие подпунктов */ background-color: #fff; border: solid 1px #999999; border-radius: 2px; display: inline; } /* Внутренне выравнивание*/ .moduletable_up li li a { width: 280px; background-color: #fff; border: 0; padding: 0 0 0 0; color:#2F83C8; } /* Внутренне выравнивание 2*/ .moduletable_up li ul a { width: 150px; margin: -10px 0 0 10px !important; padding-left: 7px; } /* Скрывает подпункты */ .moduletable_up li:hover ul ul, .moduletable_up li:hover ul ul ul, .moduletable_up li.sfhover ul ul, .moduletable_up li.sfhover ul ul ul { left: -999em; } /* Показывает подпункты */ .moduletable_up li:hover ul, .moduletable_up li li:hover ul, .moduletable_up li li li:hover ul, .moduletable_up li.sfhover ul, .moduletable_up li li.sfhover ul, .moduletable_up li li li.sfhover ul { left: auto; } /* Сдвиг подпунктов 2 урв */ li.parent ul { margin-top:40px; margin-left:-104px; } /* Третий уровень */ li.parent ul ul { margin: -16px 0 0 10px; } ul.right1 li a { color:#3286CB; display:block; padding: 12px 12px;} li.parent_up ul li a { display:block; float:left; } li.parent_up a { color:#3286CB; display:block; text-decoration:none;} li.parent ul ul a:hover, li.parent ul ul a:active, li.parent ul a:hover, li.parent ul a:active{ background:#EDF2F6 !important}
Как сделать, чтобы подпункты меню 2го уровня не скрывались?
(Ответов: 1, Просмотров: 1296)
- 28.03.2014 11:35
- Регистрация: 18.03.2014
- Сообщений: 58
- Репутация: 9
- 28.03.2014 11:57
- Регистрация: 18.03.2014
- Сообщений: 58
- Репутация: 9
Извиняюсь за беспокойство, надо было просто убрать внутренне скрытие.
Тэги топика:
Похожие темы
Темы | Раздел | Ответов | Последний пост |
---|---|---|---|
как сделать чтобы при переходе | DLE | 10 | 26.02.2014 16:54 |
Как сделать чтобы футер растягивался от коментов ВК? | Вопросы от новичков | 7 | 17.05.2013 18:06 |
css position Как сделать чтобы не учитывались отступы | Web программирование | 1 | 14.11.2012 20:58 |
Подпункты меню вылезают из модуля | Web программирование | 0 | 16.07.2012 14:23 |
Как сделать, чтобы приняли в GGL? | gogetlinks | 13 | 12.10.2011 13:22 |