Наследие css уводит меня - PullRequest
Новая
       14

Наследие css уводит меня

1 голос
/ 18 марта 2011

В настоящее время я работаю над меню, которое использует суперфиш.Он полностью настраивается с помощью css, но я испытываю очень неприятную проблему.

Меню 2-го уровня каким-то образом наследует значения от I-Know-Not-Where, и все, что я делаю, чтобы изменить его, полностью разрушает весь макет.Похоже, что текст как-то целой строкой ниже, так и должно быть.Стиль наведения мыши работает, как и должно быть.

Еще одна неприятная вещь заключается в том, что мне нужно переместить текст из пунктов меню уровня 1 в нижнюю часть панели - ничего, что я пробовал до сих пор, не переместило толькотекст, а не весь предмет.Если у кого-то есть решение для этого, оно также будет высоко оценено.

, вы можете увидеть, что я имею в виду здесь: http://redaxo.witconsult.de/ это касается уровня 2 в пунктах меню 2 и 5 (Leistungen & Kontakt)

вот код, который, я считаю, отвечает за проблему: весь код здесь: http://redaxo.witconsult.de/files/superfish.css

Спасибо за тонну !!! 

.sf-menu {
    float:          left;
    margin-bottom:  1em;

}

.sf-menu a {
    text-indent: 7px;
}


.sf-menu a, .sf-menu a:visited  {
    /* visited pseudo selector so IE6 applies text colour*/
    color: #333;
}

.sf-menu li {       /*///////////// menu lvl 1 /////////////*/
    color:          #333;
    width:          118px;
    line-height:    85px;
    font-weight:    normal;
    font-size:      14px;
    text-decoration:none;
    background:     url(../images/menu/menuitem.png);
}

.sf-menu li a:focus, .sf-menu li a:hover, .sf-menu li a:active {
    color:          #DDD;
    line-height:    85px;
    background:     url(../images/menu/menuitem-mo.png);
}

.sf-menu li li {    /*///////////// submenu lvl 2 ///////////////////*/
    color:      #ddd;
    font-size:  12px;
    top:        50px;
    height:     26px;
    background:     url(../images/png_black40per.png);
}

.sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active {
    color: #333;
    line-height: 26px;
    background: url(../images/png_white40per.png);

1 Ответ

1 голос
/ 19 марта 2011

В ответ на вашу новую проблему - текст теперь вверху, а не внизу - измените высоту элементов привязки <a> и добавьте немного padding-top: 

/* superfish.css line 59 */
.sf-menu a {
    color:#DDDDDD;
    text-indent:7px;
    height:         50px; /* ADDED */
    padding-top:            35px; /* ADDED */
}
/* superfish.css line 78 */
.sf-menu li a:focus, .sf-menu li a:hover, .sf-menu li a:active {
    color:          #DDD;
    height:         50px; /* CHANGED */
    background:     url(../images/menu/menuitem-mo.png);
    padding-top:            35px; /* ADDED */
}

... если вы не можете редактировать superfish.css добавьте правило, подобное этому, в другом месте: 

#site-content .sf-menu li a {
    height:         50px;
    padding-top:            35px;
}

PS Пожалуйста, обновите тело вопроса, чтобы отразить изменения в вашем вопросе;)

...