Страница 1 из 1

Выпадающий список в верхнем меню

СообщениеДобавлено: 05 июн 2012, 10:01
Xpycm
В панели администратора создаём пункт меню "Выпадающий список" и заполняем его элементами.
В юзеркой части при наведении на такой пункт меню он начинает "плясать и вести себя крайне неприлично".

Это обнаружилось во время решения проблемы с выставлением класса "active" (viewtopic.php?f=19&p=973) и скорее всего по причине некорректного слияния ветки default в ветку release и demo в Mercurial потерялись стили.

Добавьте в самый конец файла css/style.css следующие строки:

Код: Выделить всё
#titlebar #titlebar_right #top_menu {
    float:right;
}

#titlebar #titlebar_right #top_menu li {
    float:left;
    position:relative;
    height:20px;
    z-index:1000;
    margin:0 0 0 6px;
}

#titlebar #titlebar_right #top_menu li a {
    float:left;
    padding:0 0 3px 12px;
}

#titlebar #titlebar_right #top_menu div.submenu {
    position:absolute;
    display:none;
    top:20px;
    left:0;
    padding:9px 0 0;
}

#titlebar #titlebar_right #top_menu ul {
    width:181px;
    font-size:.8571em;
    margin:0;
    padding:0 0 3px;
}

#titlebar #titlebar_right #top_menu ul li {
    float:none;
    display:block;
    height:auto;
    margin:0;
    padding:0 3px 0 0;
}

#titlebar #titlebar_right #top_menu ul li a {
    color:#006ACE;
    float:none;
    display:block;
    border-bottom-width:1px;
    border-left-width:1px;
    border-right-width:1px;
    background:none;
    border-style:solid;
    margin:0;
    padding:17px 12px;
}

#titlebar #titlebar_right #top_menu li ul li a {
    background:#fff;
    border-color:#c7c7c7;
}

#titlebar #titlebar_right #top_menu div.submenu {
    background:left top url(../images/design/titlebar_menu_corners.png) no-repeat;
}

#titlebar #titlebar_right #top_menu ul {
    background:right bottom url(../images/design/titlebar_menu_shadow_bottom.png) no-repeat;
}

#titlebar #titlebar_right #top_menu ul li {
    background:right top url(../images/design/titlebar_menu_shadow_right.png) repeat-y;