dans le but de faire un menu extensible je mets ce code :
#menu { float: left; /* On définit la largeur de l'image */ min-width:14%; max-width:16%; } #menu1 { float: left; /* La première partie sera à gauche*/ width:93px; /* On définit la largeur de l'image */ height: 280px; /* On définit la hauteur de l'image */ background-image: url("images/menugauche.jpg"); background-repeat: no-repeat; margin-bottom: 10px; }
#menu2 { width:auto; /* Se répétera sur la place qu'on lui donne. */ height: 280px; background-image: url("images/menumilieu.jpg"); background-repeat: repeat-x; /* Un repeat-x aurait suffit, mais comme on définit la hauteur c'est pas la peine*/ margin-bottom: 10px; }
#menu3 { float: right; /* La dernière partie est à droite */ width:1px; height: 280px; background-image: url("images/menudroit.jpg"); background-repeat: no-repeat; margin-bottom: 10px;
margin-left : -5px; /*Pour que la partie 3 se colle à la 2.*/ }
Et dans "haut.php" je mets
<divid="menu"> <divid="menu1"> </div>
<divid="menu3"> </div>
<divid="menu2"> </div> </div>
Je précise que height et with (si ils sont en pixels) corespondent bien au tailles des images
J'ai fait a peu prés pareil pour ma banière et ma barre et sa à marché mais la...
Cela donne ceci :
Autrement dit l'espace qui devrais ètre rempli par le centre est en blanc
Ou est le problème ?
Merci d'avance
EDIIIT : Le problème vient de #menu car si je l'enlève sa marche (mais le menu ocupe tout la largeur de la page)
EDIIIT2 :
menu { float: left; /* On définit la largeur de l'image */ width:15%; }
#
Avec sa je n'ai pas la 3ème partie de droite
Le centre de mon menu joue a cache cache !!
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.