CSS : menus de navigation horizontaux

Ce tutoriel va vous permettre de créer des barres de navigation horizontales (= barre de liens) incorporables dans vos gabarits de mise en pages.

La solution la plus connue, la plus simple et la plus efficace (à mon avis) est la mise en forme avec CSS d'une liste non ordonnée de liens (cette liste sera englobée dans une balise<div> par exemple, qu'il faudra placer judicieusement dans votre code source).
Vous devez connaître un minimum le langage CSS pour recréer ces quelques exemples (il vaut mieux "comprendre" que "recopier" bêtement !).

Les id des balises peuvent êtres changés à votre guise à condition de corriger aussi le code CSS.
Modifiez les valeurs des différentes propriétés afin de visualiser les changements de style de vos barres de liens, c'est la meilleure façon d'apprendre pour pouvoir personnaliser et créer ses propres barres de navigation !!

1. Listing de tous les exemples
2. Le code html et css de tous les exemples

Ce tutoriel est distribué sous une licence Creative Commons by-nc-sa 3.0. Consultez la page dédiée aux licences de distributions.