Tuto pour faire un menu horizontal en CSS - HTML/CSS - Programmation
MarshPosté le 02-07-2010 à 16:02:44
Bonjour,
J'aimerais faire un menu horizontal avec des boutons qui changent de fond lors du survol, un peu comme ici http://www.chronopost.fr/
Evidemment, j'aurais des dizaines de solutions pour obtenir ceci plus ou moins proprement.
Mais là je veux faire un code ultra clean, c'est-à-dire : - en CSS - avec les balises <li></li> - avec du texte sur un arrière-plan qui change de couleur (et non une image, lol) - avec toute la surface du bouton cliquable et pas seulement le texte qu'il contient - avec la largeur de bouton calculée automatiquement (largeur du texte + x px à gauche et à droite)
Voila. C'est pas si simple que ça en fait. Donc si vous aviez un tuto ou un exemple de site où c'est bien fait que je puisse m'en inspirer. Merci.
Marsh Posté le 02-07-2010 à 16:02:44
Bonjour,
J'aimerais faire un menu horizontal avec des boutons qui changent de fond lors du survol, un peu comme ici
http://www.chronopost.fr/
Evidemment, j'aurais des dizaines de solutions pour obtenir ceci plus ou moins proprement.
Mais là je veux faire un code ultra clean, c'est-à-dire :
- en CSS
- avec les balises <li></li>
- avec du texte sur un arrière-plan qui change de couleur (et non une image, lol)
- avec toute la surface du bouton cliquable et pas seulement le texte qu'il contient
- avec la largeur de bouton calculée automatiquement (largeur du texte + x px à gauche et à droite)
Voila. C'est pas si simple que ça en fait. Donc si vous aviez un tuto ou un exemple de site où c'est bien fait que je puisse m'en inspirer.
Merci.