Comment créer une barre de navigation

Barres de navigation

Les barres de navigation sont un élément très important de tout site Web. Ils fournissent la principale méthode de navigation en fournissant une liste principale de liens vers un utilisateur. Il existe de nombreuses méthodes pour créer une barre de navigation. Le moyen le plus simple de créer une barre de navigation est d'utiliser une liste non ordonnée et de la styliser avec CSS.

Les barres de navigation sont principalement constituées de

Original text


    des listes disposées et stylisées horizontalement.

    Lors de la mise en forme des barres de navigation, il est courant de supprimer l'espacement supplémentaire créé par le

      et
    • les balises ainsi que les puces qui sont automatiquement insérées:

       list-style-type: none; margin: 0px; padding: 0px;

      Exemple:

      Il y a deux parties à toute navigation: le HTML et le CSS. Ceci n'est qu'un exemple rapide.

      • Home
      • About
      • Contact
      /* Define the main Navigation block */ .myNav { display: block; height: 50px; line-height: 50px; background-color: #333; } /* Remove bullets, margin and padding */ .myNav ul { list-style: none; padding: 0; margin: 0; } .myNav li { float: left; /* Or you can use display: inline; */ } /* Define the block styling for the links */ .myNav li a { display: inline-block; text-align: center; padding: 14px 16px; } /* This is optional, however if you want to display the active link differently apply a background to it */ .myNav li a.active { background-color: #3786E1; }