asp.net - Asp.Net 水平サブメニュー

Question

トップメニューを水平に保ちながら、垂直サブメニューではなく水平サブメニューを持つasp:Menuを作成するにはどうすればよいですか?

Answer 1

#nav table { display: inline-block }
#nav tr { display: inline-block }
#nav td { display: inline-block }

このソリューションは mozilla では機能しますが、IE では機能しません :(

Answer 2

asp.net メニューはテーブルを生成するだけです。次のようにします。

<div id="nav"><asp:menu .... /></div>

スタイルシートで次のようにします。

#nav table { display: inline-block }
#nav tr { display: inline-block }
#nav td { display: inline-block }

すべてのパラメーターを asp:menu に渡し、静的および動的メニュー項目ごとに個別のクラスを指定して、それらをすべてスタイリングすることで、非常に洗練されたものにすることができます。

他のすべてが失敗した場合は、ページの読み込み時に jQuery で修正します。