Couleurs et paragraphe avec les styles

Version imprimable

Bonjour

J'ai un problème de balise mais je ne trouve pas d'ou il vient :

Voici la page de code en html :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
<HTML>
<HEAD>

<TITLE></TITLE>

<link rel="stylesheet" href="page.css">

</HEAD>

<BODY>

<H1> Exercice de style </H1>
<h2> Louis Aragon ( La Diane Française , Seghers 1946) </h2>

XXX

<BLOCKQUOTE>Rien n'est jamais acquis à l'homme Ni sa force
Ni sa faiblesse ni son coeur Et quand il croit
Ouvrir ses bras son ombre est celle d'une croix
Et quand il croit serrer son bonheur il le broie
Sa vie est un étrange et douloureux divorce
Il n'y a pas d'amour heureux</BLOCKQUOTE> 

<BLOCKQUOTE>Sa vie Elle ressemble à ces soldats sans armes
Qu'on avait habillés pour un autre destin
A quoi peut leur servir de se lever matin
Eux qu'on retrouve au soir désoeuvrés incertains
Dites ces mots Ma vie Et retenez vos larmes
Il n'y a pas d'amour heureux</BLOCKQUOTE> 

<BLOCKQUOTE>Mon bel amour mon cher amour ma déchirure
Je te porte dans moi comme un oiseau blessé
Et ceux-là sans savoir nous regardent passer
Répétant après moi les mots que j'ai tressés
Et qui pour tes grands yeux tout aussitôt moururent
Il n'y a pas d'amour heureux</BLOCKQUOTE> 

<BLOCKQUOTE>Le temps d'apprendre à vivre il est déjà trop tard
Que pleurent dans la nuit nos coeurs à l'unisson
Ce qu'il faut de malheur pour la moindre chanson
Ce qu'il faut de regrets pour payer un frisson
Ce qu'il faut de sanglots pour un air de guitare
Il n'y a pas d'amour heureux</BLOCKQUOTE> 

<BLOCKQUOTE>Il n'y a pas d'amour qui ne soit à douleur
Il n'y a pas d'amour dont on ne soit meurtri
Il n'y a pas d'amour dont on ne soit flétri
Et pas plus que de toi l'amour de la patrie
Il n'y a pas d'amour qui ne vive de pleurs
Il n'y a pas d'amour heureux
Mais c'est notre amour à tous les deux</BLOCKQUOTE> 

XXX

</BODY>

</HTML>

Le code du style en CSS :

Code:

1
2
3
4
body { font-family : Verdana, Arial  }
h1 { font-family : arial ; text-align : center }
blockquote { text-indent : 1em }
XXX { background-color : darkgrey }

Le XXX désigne une balise qui me permet de mettre une couleur de fond sur les 4 paragraphes d'un coup . J'ai déjà testé les balises <p> , <table> , <blockquote> et <tr> mais mon texte reste toujours avec un fond blanc . Or je desire que celui soit gris foncé . Je ne vois pas trop comment :koi: m'y prendre

Si une ame charitable peut me tuyauter ;)

Merci d'avance

La balise div devrait faire l'affaire

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
 
<html>
<head>
      <title></title>
      <link rel="stylesheet" type="text/css" href="page.css" />
</head>
<body>
<h1>Exercice de style</h1>
<h2>Louis Aragon ( La Diane Française , Seghers 1946)</h2>
<div id="xxx">
<blockquote>
Rien n'est jamais acquis à l'homme Ni sa force
Ni sa faiblesse ni son coeur Et quand il croit
Ouvrir ses bras son ombre est celle d'une croix
Et quand il croit serrer son bonheur il le broie
Sa vie est un étrange et douloureux divorce
Il n'y a pas d'amour heureux
</blockquote>  
<blockquote>
Sa vie Elle ressemble à ces soldats sans armes
Qu'on avait habillés pour un autre destin
A quoi peut leur servir de se lever matin
Eux qu'on retrouve au soir désoeuvrés incertains
Dites ces mots Ma vie Et retenez vos larmes
Il n'y a pas d'amour heureux
</blockquote> 
<blockquote>
Mon bel amour mon cher amour ma déchirure
Je te porte dans moi comme un oiseau blessé
Et ceux-là sans savoir nous regardent passer
Répétant après moi les mots que j'ai tressés
Et qui pour tes grands yeux tout aussitôt moururent
Il n'y a pas d'amour heureux
</blockquote>  
<blockquote>
Le temps d'apprendre à vivre il est déjà trop tard
Que pleurent dans la nuit nos coeurs à l'unisson
Ce qu'il faut de malheur pour la moindre chanson
Ce qu'il faut de regrets pour payer un frisson
Ce qu'il faut de sanglots pour un air de guitare
Il n'y a pas d'amour heureux
</blockquote> 
<blockquote>
Il n'y a pas d'amour qui ne soit à douleur
Il n'y a pas d'amour dont on ne soit meurtri
Il n'y a pas d'amour dont on ne soit flétri
Et pas plus que de toi l'amour de la patrie
Il n'y a pas d'amour qui ne vive de pleurs
Il n'y a pas d'amour heureux
Mais c'est notre amour à tous les deux
</blockquote> 
</div>
</body>
</html>

Le style:

Code:

1
2
3
4
body { font-family : Verdana, Arial  }
h1 { font-family : arial ; text-align : center }
blockquote { text-indent : 1em }
#xxx { background-color : darkgrey }

09/09/2011, 07h44
Invité

Bonjour,
-> Div et CSS : une mise en page rapide et facile
-> cours XHTML : Introduction à l'XHTML
09/09/2011, 10h53
Flaburgan

J'ajouterai que si ton problème est résolu, tu peux cliquer sur le bouton ci-dessous pour le signaler ;)
09/09/2011, 23h13
Invité

Merci d'avance à tous :ccool: