Sous-menu horizontal Asp.Net

Question

Comment créer un ASP: Menu qui a un sous-menu horizontal plutôt qu'un vertical tout en maintenant le menu principal horizontal?

Answer 1

Le menu asp.net génère simplement une table. Faites quelque chose comme ceci:

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

Et dans votre feuille de style faire quelque chose comme ceci:

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

Vous pouvez obtenir vraiment de fantaisie en passant tous les paramètres à asp: menu et donner à chaque menu statique et dynamique item une classe séparée et les stylisant tous.

Lorsque tout le reste échoue, corrigez-le avec jQuery lors du chargement de la page.

Answer 2

Vous souhaiterez peut-être examiner le CSS Friendly Adapters. L'adaptateur de menu affichera le contrôle asp: Menu en utilisant HTML sémantique (dans ce cas, une liste non ordonnée) au lieu de tables, ce qui rend beaucoup plus facile l'application de CSS pour faire ce que vous avez besoin de faire.

Answer 3

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

Cette solution fonctionne avec mozilla, mais pas avec IE :(