Comment faire une barre de navigation déroulante

Création CSS pour contrôler votre menu

• 1

  Ouvrez la feuille de style en cascade de votre page Web (CSS). Créez une nouvelle entrée pour le conteneur div que vous avez créé pour héberger votre menu de navigation dans la section 1, étape 1:

  nav_menu {

  }

  Donnez votre affichage du bloc conteneur div et les styles de largeur fixe. Choisissez une largeur qui va adapter à l'intérieur du conteneur principal de votre page. Voici un exemple de menu qui est de 900 pixels de large:

  nav_menu {

  display: block;

  
  
  

  largeur: 900px;

  }

• 2

  Créer une entrée pour votre liste non ordonnée de la section 1, l'étape 2 dans votre fichier CSS:

  Navigation {

  }

  Réglez les marges de votre liste à puces à "0" et de son style de liste à «none»:

  Navigation {

  list-style: none;

  margin: 0;

  }

• 3

  Créez une entrée pour votre liste principaux articles de la section 1, l'étape 3 de votre fichier CSS:

  Navigation li {

  }

  Définissez vos éléments de liste à flotter à gauche et avoir une largeur fixe de votre choix:

  Navigation li {

  float: left;

  largeur: 200px;

  }

• 4

  Créez une entrée pour les listes à puces secondaires qui contiendra votre sous-pages:

  Navigation li ul {

  }

  Réglez l'affichage et la liste des valeurs de style à «none»:

  Navigation li ul {

  display: none;

  list-style: none;

  }

• 5

  Créez une entrée pour vous les listes à puces secondaires et comment ils doivent se comporter lorsque leur élément de liste parent est plané au-dessus:

  Navigation li: hover ul {

  }

  Réglez la valeur d'affichage de la liste non ordonnée secondaire à «bloc»:

  Navigation li: hover ul {

  display: block;

  }

• 6

  Enregistrez vos fichiers et les télécharger sur votre serveur.