Soucis avec Background-color

Fermé
wyll waryn Messages postés 20 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 13 mars 2015 - Modifié par wyll waryn le 19/10/2014 à 19:03
telliak Messages postés 3655 Date d'inscription mercredi 20 septembre 2006 Statut Membre Dernière intervention 27 mars 2024 - 23 oct. 2014 à 19:08
Bonjour à tous !

Depuis un certains temps maintenant, je me bats avec une balise div récalcitrante ! En effet, je souhaiterais donner à cette balise une couleur en utilisant background-color mais lorsque je teste sur navigateur, le texte taper à l'intérieur de la balise apparaît mais la couleur de la div est absente ! Voici un extrait du code :

<head>
...
<style type="text/css">
#menu {
background-color:#808080; /*Couleur gris*/
}
</style>
</head>

<body>

<div="menu">ACCUEIL</div>

</body>


J'ai tenté en ajoutant ces commandes au style de la div menu :

#menu{
background-color:#808080;
height:100px;
width:300px;

/*j'ai fait dans la démesure exprès pour bien voir si la div apparait mais cette dernière n'apparait toujours pas... Je ne comprend pas où je fais une erreur ?*/
}



J'ai bien entendu fait plusieurs recherche sur le net sans trouver de réponse a se mystère qui hante mon existence... Le Dieu google n'a malheureusement eu aucune réponse satisfaisant à me confier...

Y a t-il parmi vous quelqu'un qui aurait l'amabilité de m'expliquer où je fais une erreur car j'avoue être un peu larguer sur le coup...

Merci par avance de vos réponses ! ^^

HTMLement vôtre ! :)
A voir également:

2 réponses

unknown_programmer Messages postés 1549 Date d'inscription samedi 2 août 2014 Statut Membre Dernière intervention 9 janvier 2018 260
19 oct. 2014 à 19:18
Bonjour,

essaie avec:

<div class="menu">contenu de la div</div>

pour le code html

.menu{
background-color: #808080;
}

et pour le css
0
telliak Messages postés 3655 Date d'inscription mercredi 20 septembre 2006 Statut Membre Dernière intervention 27 mars 2024 875
23 oct. 2014 à 19:08
Salut,
En fait, c'est <div id="menu">contenu de la div</div>.
La définition #menu {...} n'est pas une classe mais un identificateur.
Une classe se noterait .menu {...}
0
wyll waryn Messages postés 20 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 13 mars 2015 10
23 oct. 2014 à 18:29
C'est bon j'ai résolu le problème.

Merci de ton aide :)
0