0

asp.netアプリケーションのメニューを表示するために使用web.sitemapしていますが、デフォルトでは、メインメニュー項目のサブメニューは次のように垂直に表示されます。 ここに画像の説明を入力してください

しかし、サブメニューを水平に表示したい。私はcssで変更しようとしています。しかし、それは変わっていません。divのメインクラスはですmainmenu。これをカスタマイズするために、私は以下のようなcssを使用しています。

.mainmenu ul li ul li{
position:relative;
float:left;
}

しかし、それは左に行くことはありません。display:inline動かないのにあげました。プロバイダーから提供されているメニューをカスタマイズすることはできませんweb.sitemapか、それともここで何か間違ったことをしていますか？ここにJSフィドルリンク

4

1 に答える 1

1

cssクラスとIDをオーバーライドするHTMLには多くのインラインスタイルがあります。level2アイテムを水平方向に表示するための簡単な修正を見つけることができましたが、level2がメニューの左側に配置されないli原因を突き止める必要があるため、これは一時的なものです。ulこれをcssファイルに配置します。

li.dynamic{
    display:table-cell;
}

そして、これがデモです：http: //jsfiddle.net/y2GjA/1/

これは一時的な解決策であり、IE8以前とは互換性がないため、より良い解決策のために何ができるかを見ていきます。

- 編集 -

CSSに以下を追加します。

li.static:nth-child(6):hover ul.level2{
    left:-481px!important;
}
li.dynamic {
    display:table-cell;
}

そして、これがデモです：http: //jsfiddle.net/uSmSD/

于 2013-03-11T11:44:49.997 に答える