Couleur de l'arrière menu
Salut,
J'aimerais mettre une couleurs à l'arrière menu.
Moi j'ai fait:
Code : CSS
background-color: #ffffff;
height: 1000px;
Mais regardez ce que sa donne: http://benjyspider.free.fr/ l'arrière plan du menu qui fait 1000px va sur toute la page, comment je fais un fond blanc sans avoir une taille a mettre et qu'elle prenne toute la page ?
J'aimerais mettre une couleurs à l'arrière menu.
Moi j'ai fait:
Code : CSS
background-color: #ffffff;
height: 1000px;
Mais regardez ce que sa donne: http://benjyspider.free.fr/ l'arrière plan du menu qui fait 1000px va sur toute la page, comment je fais un fond blanc sans avoir une taille a mettre et qu'elle prenne toute la page ?
Configuration: Windows XP Firefox 3.0.3
11 réponses
-
Mets ton menu dans une div dont le c,ode css est:
background-color:#FFFFFF;
width:200px;
height:auto;
float:left; -
HTML:
<div id="menu"> <dt onclick="javascript:montre();"><a href="index.html">Index</a></dt> <dt onclick="javascript:montre('smenu2');">Foot</dt> <dd id="smenu2"> <ul> <li><a href="freestyler.html">Freestyler</a></li>
</div>
CSS:#menu body { margin: 0; padding: 0; background: white; font: 80% verdana, arial, sans-serif; background-color:#FFFFFF; width:200px; height:auto; float:left; } dl, dt, dd, ul, li { margin: 0; padding: 0; list-style-type: none; } #menu { position: absolute; /* placement du menu, à modifier selon vos besoins */ top: 50; margin-left: -132px; background-color: #ffffff; width:200px; height:auto; float:left; } #menu { width: 192px; } #menu dt { cursor: pointer; margin: 2px 0;; height: 20px; line-height: 20px; text-align: center; font-weight: bold; border: 1px solid gray; background: #ccc; } #menu dd { border: 1px solid gray; } #menu li { text-align: center; background: #fff; } #menu li a, #menu dt a { color: #000; text-decoration: none; display: block; border: 0 none; height: 100%; } #menu li a:hover, #menu dt a:hover { background: #eee; }
Regarde sa fait rien: http://benjyspider.free.fr/ -
Tu ve enlever la couleur blanche ? t'as surement commis une erreur quelque part, fais voir ton code
-
Je veut mettre une couleur blanche dans la partie menu.
-
Il faut créer une div sous le menu, qui servira d'etiquette vet qui aura la couleur blanche, essaies ça et dis moi ce que ça donne
-
CSS: #menu body { margin: 0; padding: 0; background: white; font: 80% verdana, arial, sans-serif; } dl, dt, dd, ul, li { margin: 0; padding: 0; list-style-type: none; } #menu { position: absolute; /* placement du menu, à modifier selon vos besoins */ top: 50; margin-left: -132px; background-color: #ffffff; width:200px; height:auto; float:left; } #menu { width: 192px; } #menu dt { cursor: pointer; margin: 2px 0;; height: 20px; line-height: 20px; text-align: center; font-weight: bold; border: 1px solid gray; background: #ccc; } #menu dd { border: 1px solid gray; } #menu li { text-align: center; background: #fff; } #menu li a, #menu dt a { color: #000; text-decoration: none; display: block; border: 0 none; height: 100%; } #menu li a:hover, #menu dt a:hover { background: #eee; }
Comme sa ? -
Non, c pas ça
tu craie un div de type layer et tu lui donne un z-index -1 et comme ça il se positionnera sou le menu.
C'est simple -
J'ai pas compris pour div tu parle du HTML ?
-
je te reponds le soir, je vais sortir mnt.
A+ -
ok +
-
Quelqu'un peut-il m'aider ?
