cssは継承しています

Question

私は現在、スーパーフィッシュを使用しているメニューに取り組んでいます。それはCSSを介して完全にカスタマイズ可能ですが、私は非常に非常にイライラする問題が発生しています。

第2層のメニューは、何とか私が知っているところから値を継承しています。変更するために何をしても、レイアウト全体が完全に破壊されます。まるでテキストがどうにかして下にある行全体にあるかのように見えます。しかし、マウスオーバースタイルは、そうするべきです。

もう1つの不満なことは、tier1メニュー項目からバーの下にテキストを移動する必要があることです。これまでに試したことはありませんが、項目全体ではなくテキストのみを移動しました。もし誰かがそれについての解決策を持っていれば、それは非常に高く評価されるでしょう。

あなたは私がここで何を意味するか見ることができます

： コード全体：http://redaxo.witconsult.de/ それは、メニュー項目2及び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; 
} 

PS茶を反映するために、質問の体を更新してください：あなたはsuperfish.cssを編集することはできません場合はどこか、この1のようなルールを追加あなたの疑問にお答えします）;