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 :
- <div id="menubox">
- <div class="divmenupart" id="menu0" onmouseover="select_menu(0)" onmouseout="unselect_menu(0)">
- <a href="index.php?1=1&menu=0" class="menu">Accueil</a></div>
- <div class="divmenupartselect" id="menu1">
- <a href="stocklist.php?cate=1&menu=1" class="menu">1</a></div>
- <div class="divmenupart" id="menu2" onmouseover="select_menu(2)" onmouseout="unselect_menu(2)">
- <a href="stocklist.php?cate=2&menu=2" class="menu">2</a></div>
- <div class="divmenupart" id="menu3" onmouseover="select_menu(3)" onmouseout="unselect_menu(3)">
- <a href="stocklist.php?cate=3&menu=3" class="menu">3</a></div>
- <div class="divmenupart" id="menu4" onmouseover="select_menu(4)" onmouseout="unselect_menu(4)">
- <a href="fiche.php?1=1&menu=4" class="menu">4</a></div></div>
|
le CSS
Code :
- #menubox
- { top: 1px;
- height: 25px;
- background-color: #A9EBF0;
- width: auto;
- margin-left: auto;
- margin-right: auto;
- text-align: center;
- }
- .divmenupart
- {
- background-color:#92AECA;
- background-image: url(bleu.png);
- background-repeat:repeat-x;
- height: 25px;
- width: 100px;
- float: left;
- margin-left: 20px;
- border:1px solid black;
- color:green;
- }
- .divmenupartselect
- {
- background-color:#ACC7E2;
- background-image: url(sel.png);
- background-repeat:repeat-x;
- height: 25px;
- width: 100px;
- float: left;
- margin-left: 20px;
- border:1px solid black;
- color:white
- }
|
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.