0

これは私のページです: http://www.clouderize.it/michele/ ご覧 のとおり、メニューの音声 "Storia del Bernese" は、他の li の音声よりも高くなっています。テキストの長さに基づいて、すべての li の高さが同じで幅が異なるようにしたいと考えています。

css でどのような変更を行う必要がありますか?

前もって感謝します。

4

5 に答える 5

1

こんにちは、あなたのli white-space nowrap

このように

    #menu-Principale li {
    white-space: nowrap;
}
于 2012-09-04T10:12:50.053 に答える
0

使用したもの: ul, menu, dir { display: block;

... }

display:inline; を使用したほうがよいでしょう。幅を設定しない（またはブラウザの互換性のために auto に設定する）

于 2012-09-04T10:20:38.973 に答える
0

あなたのコードでは、タグはcssの下にあります

  a.tabInactive {
    background: url("images/menu_normal.png") repeat scroll 0 0 transparent;
        display: block;
        line-height: 33px;
        text-align: center;
        width: 76px;
    }

menu_normal.pngサイズは77 X 34あなたのメニューには小さいですStoria del Bernese

そのため、メニューに合うサイズの画像をもう 1 つ作成する必要があります。次に、idの新しいクラスを作成しli10ます

于 2012-09-04T10:22:42.943 に答える
-1

タブ幅を削除、左右にパディングを追加、背景画像を修正。あとは背景画像/色を微調整するだけです。

a.tabInactive {
    display: block;
    line-height: 33px;
    padding-right: 15px;
    padding-left: 15px;
    width: auto;
    background-image: none;
    background-color: #EFEFEF;
}

a.tabInactive:hover {
    display:block;
    line-height:33px;
    padding-right: 15px;
    padding-left: 15px;
    width: auto;
    background-image: none;
    background-color: #CCC;
}

a.tabActive {
    display: block;
    color: #FFF;
    padding-right: 15px;
    padding-left: 15px;
    line-height: 33px;
    width: auto;
    background-image: none;
    background-color: #7F469D;
}
于 2012-09-04T10:40:44.760 に答える
-1

幅を li に固定しないでください。高さについても言及する必要はありません。上部のパディングが与えられているため、このように与えます

#menu-Principale li{
 display:inline-block;
 padding:6px 4px;
 width:auto
}
于 2012-09-04T10:13:42.327 に答える