Couleur de l'arrière menu

Fermé
benjyspider Messages postés 10 Date d'inscription mercredi 20 août 2008 Statut Membre Dernière intervention 25 octobre 2008 - 25 oct. 2008 à 16:27
benjyspider Messages postés 10 Date d'inscription mercredi 20 août 2008 Statut Membre Dernière intervention 25 octobre 2008 - 25 oct. 2008 à 21:10
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 ?
A voir également:

11 réponses

briiiiix Messages postés 575 Date d'inscription vendredi 24 octobre 2008 Statut Membre Dernière intervention 1 juin 2010 18
25 oct. 2008 à 16:32
Mets ton menu dans une div dont le c,ode css est:

background-color:#FFFFFF;
width:200px;
height:auto;
float:left;
1
benjyspider Messages postés 10 Date d'inscription mercredi 20 août 2008 Statut Membre Dernière intervention 25 octobre 2008 1
25 oct. 2008 à 18:42
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/
0
briiiiix Messages postés 575 Date d'inscription vendredi 24 octobre 2008 Statut Membre Dernière intervention 1 juin 2010 18
25 oct. 2008 à 18:47
Tu ve enlever la couleur blanche ? t'as surement commis une erreur quelque part, fais voir ton code
0
benjyspider Messages postés 10 Date d'inscription mercredi 20 août 2008 Statut Membre Dernière intervention 25 octobre 2008 1
25 oct. 2008 à 18:49
Je veut mettre une couleur blanche dans la partie menu.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
briiiiix Messages postés 575 Date d'inscription vendredi 24 octobre 2008 Statut Membre Dernière intervention 1 juin 2010 18
25 oct. 2008 à 18:54
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
0
benjyspider Messages postés 10 Date d'inscription mercredi 20 août 2008 Statut Membre Dernière intervention 25 octobre 2008 1
25 oct. 2008 à 18:58
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 ?
0
briiiiix Messages postés 575 Date d'inscription vendredi 24 octobre 2008 Statut Membre Dernière intervention 1 juin 2010 18
25 oct. 2008 à 19:00
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
0
benjyspider Messages postés 10 Date d'inscription mercredi 20 août 2008 Statut Membre Dernière intervention 25 octobre 2008 1
25 oct. 2008 à 19:02
J'ai pas compris pour div tu parle du HTML ?
0
briiiiix Messages postés 575 Date d'inscription vendredi 24 octobre 2008 Statut Membre Dernière intervention 1 juin 2010 18
25 oct. 2008 à 19:04
je te reponds le soir, je vais sortir mnt.
A+
0
benjyspider Messages postés 10 Date d'inscription mercredi 20 août 2008 Statut Membre Dernière intervention 25 octobre 2008 1
25 oct. 2008 à 19:06
ok +
0
benjyspider Messages postés 10 Date d'inscription mercredi 20 août 2008 Statut Membre Dernière intervention 25 octobre 2008 1
25 oct. 2008 à 21:10
Quelqu'un peut-il m'aider ?
0