Couleurs et paragraphe avec les styles [Résolu]

tanaka59 · 08/09/2011, 12h42

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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 CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

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

m'y prendre

Si une ame charitable peut me tuyauter

Merci d'avance

diallomad · 08/09/2011, 13h23

La balise div devrait faire l'affaire

Code XHTML :

Sélectionner tout - Visualiser dans une fenêtre à part

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 CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

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

jreaux62 · 09/09/2011, 07h44

Bonjour,
-> Div et CSS : une mise en page rapide et facile
-> cours XHTML : Introduction à l'XHTML

Flaburgan · 09/09/2011, 10h53

J'ajouterai que si ton problème est résolu, tu peux cliquer sur le bouton ci-dessous pour le signaler

tanaka59 · 09/09/2011, 23h13

Merci d'avance à tous

09/09/2011, 07h44	#3
jreaux62 Rédacteur Jérôme Réaux Webdesigner Inscription : août 2008 Messages : 2 993 Détails du profil Informations personnelles : Nom : Jérôme Réaux Âge : 45 Localisation : France, Pas de Calais (Nord Pas de Calais) Informations professionnelles : Activité : Webdesigner Secteur : Arts - Culture Informations forums : Inscription : août 2008 Messages : 2 993 Points : 5 786 Points : 5 786	Bonjour, -> Div et CSS : une mise en page rapide et facile -> cours XHTML : Introduction à l'XHTML __________________ "Ce qui se conçoit bien s'énonce clairement - Et les mots pour le dire arrivent aisément." Nicolas Boileau-Despréaux, Homme de lettres français (1636-1711), principal théoricien de l'esthétique classique. Site perso Mes tutos DVP : Gestion-Affichage de Nouvelles - Affichage en tableau HTML - Fonctions de redimensionnement d'images
	00

09/09/2011, 10h53	#4
Flaburgan Modérateur Développeur informatique Inscription : avril 2010 Messages : 1 037 Détails du profil Informations personnelles : Sexe : Localisation : France, Isère (Rhône Alpes) Informations professionnelles : Activité : Développeur informatique Secteur : High Tech - Électronique et micro-électronique Informations forums : Inscription : avril 2010 Messages : 1 037 Points : 2 476 Points : 2 476	J'ajouterai que si ton problème est résolu, tu peux cliquer sur le bouton ci-dessous pour le signaler __________________ "Historiquement, techniquement, économiquement et moralement, Internet ne peut pas être contrôlé. Autant s’y faire." Laurent Chemla Je soutiens Diaspora*, le réseau social libre. Veillez à porter une attention toute particulière à l'orthographe... Blog collaboratif avec des amis : http://geexxx.fr
	00

09/09/2011, 23h13	#5
tanaka59 Nouveau Membre du Club Inscription : janvier 2011 Messages : 146 Détails du profil Informations forums : Inscription : janvier 2011 Messages : 146 Points : 26 Points : 26	Merci d'avance à tous
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email