Line-height

Bonjour, petite question par rapport au livre :

Page 127/128, le chapitre qui parle du centrage vertical grace a line-height.

Le code est le suivant :

HTML

<div id="conteneur">
Un texte centré verticalement
</div>

et le CSS

div #conteneur {
background: yellow;
height: 80px;
line-height: 80px;
width: 300px;
}

Le résultat est censé m'afficher un contenu texte centré dans un div de couleur jaune, hors seul le texte apparait dans ma page, comme ci la feuille de style n'ai pas prise en compte.

Je ne vois pas l'erreure
Modifié par Romaric (12 Sep 2005 - 13:55)

salut,
regarde de plus pres :
background: yellow; =>c'est plutot background-color: yellow; qu'il faut declarer.
a plus

Non non, background: yellow; est pris en compte en général, le soucis je viens de le remarquer, il ne doit pas y avoir d'espace entre div et #conteneur

donc au lieu d'écrire

div #conteneur {

j'aurais dû écrire

div#conteneur {

Hors j'avais jamais remarquer qu'il ne falais pas mettre d'espace entre.
Modifié par Romaric (12 Sep 2005 - 13:55)

non je dirais plutôt qu'il n'y a pas besoin de div du tout
#conteneur {
etc
}

Romaric a écrit :
Non non, background: yellow; est pris en compte en général, le soucis je viens de le remarquer, il ne doit pas y avoir d'espace entre div et #conteneur

donc au lieu d'écrire div #conteneur { j'aurais dû écrire div#conteneur {

Hors j'avais jamais remarquer qu'il ne falais pas mettre d'espace entre.

En réalité ces deux syntaxes ne signifient pas la même chose.

div #conteneur

L'id conteneur contenu dans un élément div quelqu'il soit.

div#conteneur

L'élément div portant l'id conteneur.

ps: @Romaric, merci d'éditer ton post pour présenter ton code plus lisiblement avec [ code] et [ /code] (sans espace).

@ otterman : Sur le livre il est écrit le

div#conteneur

donc personnelement afin de suivre l'exercice correctement je préfére l'afficher également, peut-être que par la suite je ferais sans si cela est possible, mais pour le moment je préfére m'en tenir au livre


@Igor: Voilà j'ai éditer , sinon oui pour le

div #conteneur

et

div#conteneur

j'ai pu m'en rendre compte.