Forum « Styles CSS » - Trucsweb.com

Forum « Programmation HTML » (archives)

Styles CSS

Envoyé: 17 février 2004, 17h23 par Ralph

Bonsoir,
xxxxxxxxxxxxxxxxxxxxxxxxxxxx
Voici le code :

<head>

<STYLE type="text/css">

/*----------------------------------*/
/*caractéristiques police -
arrière plan en gris foncé -
police en blanc*/
h1
{
background: #999999;
font-family: Tahoma,Verdana,Arial;
font-size: x-small;
color: #FFFFFF;
}
/*----------------------------------*/
/*caractéristiques police -
arrière plan en gris clair -
police en noir*/
h2
{
background: #DCDCDC;
font-family: Tahoma,Verdana,Arial;
font-size: x-small;
color: #000000;
}
/*----------------------------------*/

</STYLE>

</head>

<body>

<h1>texte avec h1</h1>
<h2>texte avec h2</h2>

</body>
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
J'obtiens ceci :

"texte avec h1" (en gros caractère sans couleur d'arrière plan,
alors que je devrais obtenir ce texte avec une police semblable à celle du texte entre guillements et une couleur arrière plan gris foncé).

"texte avec h2" (avec une police conforme avec une couleur arrière plan gris clair conforme).
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Pour tenter de comprendre, j'ai rajouté une ligne avec le sélecteur <h2>...</h2> comme ci-après :

<body>
<h2>texte avec h2</h2>
<h1>texte avec h1</h1>
<h2>texte avec h2</h2>
</body>

et la deuxième ligne avec le sélecteur <h1> donne un résultat non conforme comme expliqué ci-dessus.
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
La syntaxe est correcte, alors pourquoi ai-je un mauvais résultat avec le texte du sélecteur <h1> ?

Merci d'avance pour votre assistance.