centrer des div côte à côte?

centrer des div côte à côte? - HTML/CSS - Programmation

Marsh Posté le 31-05-2005 à 16:54:28    

Salut,
 
J'ai un menu constitué de div côte a côte.
 
Pour les centrer je pensais faire un div contenant qui s'adapterais aux div contenus, et qui se centrerait tout seul mais je dois mal m'y prendre.
 
Le html

Code :
  1. <div id="menubox">
  2. <div class="divmenupart" id="menu0" onmouseover="select_menu(0)" onmouseout="unselect_menu(0)">
  3. <a href="index.php?1=1&amp;menu=0" class="menu">Accueil</a></div>
  4. <div class="divmenupartselect" id="menu1">
  5. <a href="stocklist.php?cate=1&amp;menu=1" class="menu">1</a></div>
  6. <div class="divmenupart" id="menu2" onmouseover="select_menu(2)" onmouseout="unselect_menu(2)">
  7. <a href="stocklist.php?cate=2&amp;menu=2" class="menu">2</a></div>
  8. <div class="divmenupart" id="menu3" onmouseover="select_menu(3)" onmouseout="unselect_menu(3)">
  9. <a href="stocklist.php?cate=3&amp;menu=3" class="menu">3</a></div>
  10. <div class="divmenupart" id="menu4" onmouseover="select_menu(4)" onmouseout="unselect_menu(4)">
  11. <a href="fiche.php?1=1&amp;menu=4" class="menu">4</a></div></div>


le CSS

Code :
  1. #menubox
  2. { top: 1px;
  3. height: 25px;
  4. background-color: #A9EBF0;
  5. width: auto;
  6. margin-left: auto;
  7.       margin-right: auto;
  8. text-align: center;
  9. }
  10. .divmenupart
  11. {
  12. background-color:#92AECA;
  13. background-image: url(bleu.png);
  14. background-repeat:repeat-x;
  15. height: 25px;
  16. width: 100px;
  17. float: left;
  18. margin-left: 20px;
  19. border:1px solid black;
  20. color:green;
  21. }
  22. .divmenupartselect
  23. {
  24. background-color:#ACC7E2;
  25. background-image: url(sel.png);
  26. background-repeat:repeat-x;
  27. height: 25px;
  28. width: 100px;
  29. float: left;
  30. margin-left: 20px;
  31. border:1px solid black;
  32. color:white
  33. }


 
De plus les fonts ne changent pas de couleur malgré mon attribut color.
Merci.


---------------
ma vie, ma carrière! - Un trait d’union entre des photos et des mots.
Reply

Marsh Posté le 31-05-2005 à 16:54:28   

Reply

Marsh Posté le 31-05-2005 à 16:56:18    

déjà pour ton attribut color:white, il manque le ';'

Reply

Marsh Posté le 31-05-2005 à 16:58:23    

denzz a écrit :

déjà pour ton attribut color:white, il manque le ';'


optionnel sur la dernière règle du sélecteur


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 31-05-2005 à 17:06:22    

masklinn tu as oublié de dire que le code de son Menu était pourri
 
aller tiens je t'aide mon petit
http://css.maxdesign.com.au/listamatic/

Reply

Marsh Posté le 31-05-2005 à 17:11:47    

gatsusat a écrit :

masklinn tu as oublié de dire que le code de son Menu était pourri
 
aller tiens je t'aide mon petit
http://css.maxdesign.com.au/listamatic/


Aucune idée j'ai même pas regardé le code [:dawa]


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed