Couleur de l'arrière menu
benjyspider
Messages postés
10
Statut
Membre
-
benjyspider Messages postés 10 Statut Membre -
benjyspider Messages postés 10 Statut Membre -
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 ?
A voir également:
- Couleur de l'arrière menu
- Menu déroulant excel - Guide
- Youtube en arrière plan - Guide
- Boite a couleur - Télécharger - Divers Photo & Graphisme
- Excel cellule couleur si condition texte - Guide
- Somme si couleur - Guide
11 réponses
Mets ton menu dans une div dont le c,ode css est:
background-color:#FFFFFF;
width:200px;
height:auto;
float:left;
background-color:#FFFFFF;
width:200px;
height:auto;
float:left;
HTML:
</div>
CSS:
Regarde sa fait rien: http://benjyspider.free.fr/
<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/
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
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 ?
