Ouvrez le fichier CSS. Tapez la commande suivante:
ul # déroulant {
list-style: none;
}
Par défaut, les listes à puces utilisent des puces à côté du texte. Ce sélecteur supprime les points de balle pour les listes à puces qui appellent l'id "déroulant", comme celle sur le fichier HTML.
Tapez la commande suivante:
ul # déroulant li, li ul # déroulant ul li {
float: left;
largeur: 75px;
}
Le «flotter» la propriété aligne éléments dans le menu horizontalement. Retirer cette propriété si vous souhaitez que le menu pour afficher les éléments verticalement dans une liste. La "largeur" des ensembles de propriétés la largeur de chaque élément de menu est. Changer cette valeur comme nécessaire pour que chaque élément dans le menu correspond sans aucun chevauchement.
Tapez la commande suivante:
li ul {
display: none;
position: absolute;
largeur: 75px;
}
Par défaut, les options déroulantes apparaissent sur l'écran. Le "display" propriété dans cette sélection les cache. La "position" des biens les place dans une position de jeu sous la catégorie.
Tapez la commande suivante:
li: hover ul, li.over ul {
display: block;
}
Le "display" propriété ici montre déroulant Options quand un visiteur survole la souris sur une catégorie. Lorsque la souris se déclenche d'une catégorie de menu, les options déroulants disparaissent à nouveau.
Enregistrez le fichier CSS.