Нужно чтоб одна подкатегория меню не скрывалась.
То есть у меня создана стандартное выпадающее меню, мне необходимо, чтоб один пункт меню работал по другому.
Основной код отвечающий за скрытие
.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 .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;}
Что необходимо прописать для запрета на скрытие, или какие другие варианты?
Весь код меню
.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}
Что необходимо прописать для запрета на скрытие, или какие другие варианты?