Modèles de menus


Passer du menu accordéon simplifié au menu horizontal déroulant




En interne dans le HTML

Nous supprimons le flottement de  la div contenant le menu et nous modifions ses dimensions pour la rendre horizontale 670x90 et centrée par marges auto.

Sur la feuille de style incorporée

#mAc  Nous modifions les dimensions du menu  ul id="mAc"  640x90 et nous le centrons dans la div par une marge gauche de 14px.
#mAc li  Les éléments li de premier niveau seront flottants à gauche et en position relative afin de servir de référence au positionnement des sous-menus. Nous ajustons leurs dimensions  120x25
#mAc li ul li   Nous annulons le flottement des éléments de sous-menus  
 #mAc li:hover ul Les sous-menus qui s'affichent sont en position absolute et bien positionnés (sans le décalage latéral que nous avions dans le menu accordéon vertical)
#mAc li:hover ul li a  Nous indentons le texte de 10 pixels.