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


---------------
I mean, true, a cancer will probably destroy its host organism. But what about the cells whose mutations allow them to think outside the box, and replicate and expand beyond their wildest dreams by throwing away the limits imposed by overbearing genetic r
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]


---------------
I mean, true, a cancer will probably destroy its host organism. But what about the cells whose mutations allow them to think outside the box, and replicate and expand beyond their wildest dreams by throwing away the limits imposed by overbearing genetic r
Reply

Sujets relatifs:

Leave a Replay

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