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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  problème avec menu css horizontal

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

problème avec menu css horizontal

n°2105338
hppp
Serveur@home
Posté le 08-10-2011 à 12:06:26  profilanswer
 

Bonjour,
 
Je suis en train de me faire un menu et voudrais qu'il prenne toute la place en bas de la bannière. J'ai donc crée un première bloc de 1030px qui s'appel "menu-haut", après j'ai mes différentes parties et à la fin j'ai mi un bloc "menu_milieu_fin" et je voudrais qu'il s'adapte pour que le menu à la fin fasse 1030 et qu'il prenne donc tout la largeur. Je ne peux pas lui mettre une largeur fixe car j'ai une traduction en anglais du menu et le texte varie. J'ai testé un width: 100%; mais ça ne marche pas, avez vous une solution? Merci
 
voilà le code html et un exemple du menu : http://blog.henpier.fr/test/
 
 

Code :
  1. <div id="menu-haut">
  2. <ul id="menu">
  3. <li class="menu_gauche"></li>
  4. <li class="menu_menu_milieu"><a href="#" title="#">text1</a></li>
  5. <li class="menu_menu_milieu"><a href="#" title="#">text2</a></li>
  6. <li class="menu_menu_milieu"><a href="#" title="#">text3</a></li>
  7. <li class="menu_menu_milieu"><a href="#" title="#">text4</a></li>
  8. <li class="menu_menu_milieu"><a href="#" title="#">text5</a></li>
  9. <li class="menu_milieu_fin"> </li>
  10. <li class="menu_droite"></li>
  11. </ul>
  12.        
  13. </div>


 
le css
 

Code :
  1. #menu-haut
  2. {
  3. width: 1030px;
  4. }
  5. .menu_gauche
  6. {
  7. float: left ;
  8. width: 14px;
  9. height: 46px;
  10. background : transparent url("../images/menu/menu_gauche.png" );
  11. }
  12. .menu_milieu_fin
  13. {
  14. float: left ;
  15. width: 100%;
  16. height: 46px;
  17. background : transparent url("../images/menu/menu_milieu.png" ) repeat-x;
  18. display: inline-block;
  19. }
  20. .menu_droite
  21. {
  22. float: left ;
  23. width: 20px;
  24. height: 46px;
  25. background : transparent url("../images/menu/menu_droite.png" );
  26. }
  27. #menu
  28. {
  29. list-style: none ;
  30. margin: 0 ;
  31. padding: 0 ;
  32. list-style: 0 ;
  33. }
  34. .menu_menu_milieu
  35. {
  36. float: left ;
  37. height: 46px;
  38. background : transparent url("../images/menu/menu_milieu.png" ) repeat-x;
  39. padding-right: 10px ;
  40. padding-left: 10px ;
  41. }
  42. .menu_menu_milieu  a
  43. {
  44. display: block ;
  45. font: 1em "Trebuchet MS",Arial,sans-serif ;
  46. line-height: 1em ;
  47. padding: 10px 0 ;
  48. color: #fff;
  49. text-align: center ;
  50. }

mood
Publicité
Posté le 08-10-2011 à 12:06:26  profilanswer
 


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

  problème avec menu css horizontal

 

Sujets relatifs
[Résolu] Problème pour acceder à un site bancaireproblème paramétrages avec un script
Probléme de reconnexion avec les winsocks du VB 6.0[Resolu] Regex : Variable et incrementation dans le replace
Problème d'affichage avec Windows 7Problème mouseout pour menu déroulant
Probléme commande SQL sous accessproblème MDP sur page html
Problème menu horizontal CSSproblème avec code d'un menu horizontal type slider
Plus de sujets relatifs à : problème avec menu css horizontal


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