Menu horizontal déroulant avec image de fond et images coulissantes
Le menu ne se trouve pas dans une div spécifique. Il est placé tout en haut de la div Corps.
Avec l'éditeur rajoutons un item5 avec son sous-menu.
Dans la feuille de style liée
a Pas de soulignement et taille du texte 18px
u padding gauche 0px
Dans la feuille de style incorporée
#mAc Bordure pointillée blanche 1px, centrage par des marges latérales
auto, Nos images coulissantes mesurent 200x30 px. Donc dimensions du menu : Largeur 100x5=500px,
Hauteur 30x3=90px. Image de fond non répétée.
#mAc li Pas de puces; les li de premier niveau seront flottants à gauche.
Nous supprimons la bordure haute de 5px.
#mAc li a Les liens dans li ont un affichage block pour pouvoir les
dimensionner. Dimensions 100x30.
Attribution d'une couleur d'arrière-plan et de texte au repos.
Le texte est centré verticalement, aligné à gauche avec une indentation de 20px.
#mAc li a:hover Les liens survolés dans li changent de couleur de texte et
d'arrière-plan
Sous-menus : structure
#mAc li ul Les sous-menus ne s'affichent pas au repos de li
#mAc li:hover ul display:block, padding et margin gauche 0px
#mAc li:hover ul li float:none, on peut indiquer à nouveau les dimensions
100x30px
Sous-menus : décoration
#mAc li:hover ul li a La taille du texte est diminuée 16px et
l'indentation passe à 30px. Couleur texte.
#mAc li:hover ul li a:hover La couleur du texte passe à bleu foncé pour
s'adapter au fond
.item_a a Nous créons 4 class pour appeler les images coulissantes dans les li
de deuxième niveau.
.item_a a:hover
.item_b a
.item_b a:hover