css가 상속 받고 있습니다.

Question

나는 현재 슈퍼 피쉬를 사용하는 메뉴 작업을하고 있습니다. 그것은 CSS를 통해 완전히 사용자 정의 할 수 있지만 매우 실망한 문제가 발생했습니다.

두 번째 계층 메뉴는 어디에서나 I-know-not-where의 값을 상속하며 완전히 변경하기 위해 전체 레이아웃을 파괴합니다. 마치 텍스트가 어쨌든 더 아래로 전체 라인이어야하는 것처럼 보입니다. 그러나 마우스 오버 스타일은 정상적으로 작동합니다.

또 다른 실망스러운 점은 tier1 메뉴 항목의 텍스트를 막대 맨 아래로 이동해야한다는 것입니다. 지금까지 시도한 것은 텍스트가 아닌 전체 항목 만 이동 한 것입니다. 누군가가 그것을위한 해결책을 가지고 있다면 그것은 또한 크게 감사 할 것입니다.

당신은 내가 여기 무슨 뜻인지 볼 수 있습니다 http://redaxo.witconsult.de/ 이 메뉴 항목이 5 (Leistungen & 연락처 기술)의 계층 2menues에 관한 여기

내가 생각 코드가 문제에 대한 책임이있다 : 전체 코드 여기 : 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); 

Answer 1

- 텍스트 지금 대신 하단의 상단에 있음 - 앵커 요소의 높이를 변경 <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 */ 
} 

을 ...

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

추신 : 차를 반영하기 위해 질문 본체를 업데이트하십시오 : 당신이 superfish.css을 편집 할 수없는 경우 다른 곳에서 이와 같은 규칙을 추가 nges)