Как сделать, чтобы подпункты меню 2го уровня не скрывались?

(Ответов: 1, Просмотров: 1296)
  1. Студент
    • Регистрация: 18.03.2014
    • Сообщений: 58
    • Репутация: 9
    Как сделать, чтобы подпункты меню 2го уровня не скрывались?
    Тоесть, при наведении выпадает подпункты меню 1го ур, надо сделать так, чтобы подпункты второго вместе тоже выпадали.Нажмите на изображение для увеличения.  Название:	??????????.jpg  Просмотров:	9  Размер:	74.2 Кб  ID:	14113
    Основной код отвечающий за скрытие
    Код:
    .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}
    • 0
  2. Студент
    • Регистрация: 18.03.2014
    • Сообщений: 58
    • Репутация: 9
    Извиняюсь за беспокойство, надо было просто убрать внутренне скрытие.
    • 0

Похожие темы

Темы Раздел Ответов Последний пост
как сделать чтобы при переходе
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

У кого попросить инвайт?

Вы можете попросить инвайт у любого модератора:

Информеры