Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
760 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Tuto pour faire un menu horizontal en CSS

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Tuto pour faire un menu horizontal en CSS

n°2006682
-id-
Je suis aux cabinets
Posté le 02-07-2010 à 16:02:44  profilanswer
 

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. :whistle:
 
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. :jap:

mood
Publicité
Posté le 02-07-2010 à 16:02:44  profilanswer
 

n°2006689
David Bori​ng
Posté le 02-07-2010 à 16:24:26  profilanswer
 

Tu trouvera ton bonheur sur listomatic
http://css.maxdesign.com.au/listamatic/

n°2007639
-id-
Je suis aux cabinets
Posté le 07-07-2010 à 08:52:19  profilanswer
 

c'est pile ce que je voulais
 
merci beaucoup :jap:


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Tuto pour faire un menu horizontal en CSS

 

Sujets relatifs
Menu vertical à onglets[CSS] transformer une charte tableau en div
[HTML/JS] application du setTimeOut pour un effet "machine à ecrire"Mauvais affichage menu SPRY sous IE
Problème CSS : Espace non désiré d'origine inconnue sous les imagespresentation menu
[CSS] problème de mise en pageaide modification CSS
Problème avec un menu CSS 
Plus de sujets relatifs à : Tuto pour faire un menu horizontal en CSS


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR