-2

ドロップダウンリンクが左にずれている理由を誰でも見ることができますか? http://altadorcup.sketchedneo.com/testing/

ゲーム ガイドにカーソルを合わせると、ドロップ ダウン リンク ボックスが中央ではなく左にあることに注意してください。

css のどのビットが必要なのかわからないので、すべてのドロップダウン メニュー css を投稿します。

だから、誰かが問題を見ることができれば、テキストは左に配置されますが、ボックスは中央に配置されますか?

#navigation ul {
    padding:10px 1px 1px 1px;
    margin: 0;
    list-style: none;
    float:middle; text-align:left;
}
#pad{padding:0px 0px 0px 45px;}
#navigation li {
    float: left;
    position: relative;


}

#navigation a{
     display:block;
    color:#fff;
    text-decoration:none;
    padding:0px 10px;

}


#navigation ul ul{
    position:absolute;
    left:-999em;
    height:auto;
     z-index:497;
    width:129px;
    font-weight:normal;
    margin:0;
    line-height:1;
    border:0;
 background:#8c8c8c;
    padding: 2px;  border:1px solid #ffffff;   border-top:1px solid #ffffff;
    border-bottom-left-radius:6px;
    border-bottom-right-radius:6px;
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;

}
#navigation ul ul ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:129px;
    font-weight:normal;
    margin:0;

    line-height:1;
    border:0;
 background:#8c8c8c;
    padding: 2px;  border:1px solid #ffffff;   border-top:1px solid #ffffff;
    border-bottom-left-radius:6px;
    border-bottom-right-radius:6px;
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
     z-index:497;

}
#navigation li li {
    width:99px;

    font-weight:bold;
    font-family:helvetica,sans-serif;
    }
#navigation li li a {
    padding:4px 10px;
    width:100px;
    font-size:12px;
    color:#fff;
    }
#navigation li ul ul {
    margin:0px 0 0 0px;
    }
#navigation ul li:hover>ul{ opacity: 1; position:absolute; top:99%; left:0; }
#navigation ul ul li:hover>ul{ position:absolute; top:0; left:100%; opacity: 1; z-index:497; background:#8C8C8C; }

    #navigation a:link,#navigation a:visited, #navigation a:active {
    color: #fff;
    font-weight: normal;
    text-align: left;
    text-decoration: none;
}

#navigation a:hover {
    color: #000;
    font-weight: normal;
    text-align:  left;
    text-decoration: none;

}
4

2 に答える 2

2

ありませんfloat: middle。絶対位置を微調整する必要があります。

于 2012-05-23T17:11:25.700 に答える
0

そうではありません。ボックス内のテキストは左に配置され、メニューのテキストは中央に配置され、ドロップダウン メニューが左にあるという印象を与えます。

于 2012-05-23T17:12:15.517 に答える