IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

Couleurs et paragraphe avec les styles


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Invité
    Invité(e)
    Par défaut Couleurs et paragraphe avec les styles
    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

  2. #2
    Membre expérimenté Avatar de diallomad
    Homme Profil pro
    Étudiant
    Inscrit en
    Avril 2009
    Messages
    164
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 36
    Localisation : Mali

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Avril 2009
    Messages : 164
    Par défaut
    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 }

  3. #3
    Invité
    Invité(e)

  4. #4
    Modérateur
    Avatar de Flaburgan
    Homme Profil pro
    Développeur Web
    Inscrit en
    Avril 2010
    Messages
    1 229
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Électronique et micro-électronique

    Informations forums :
    Inscription : Avril 2010
    Messages : 1 229
    Par défaut
    J'ajouterai que si ton problème est résolu, tu peux cliquer sur le bouton ci-dessous pour le signaler

  5. #5
    Invité
    Invité(e)
    Par défaut
    Merci d'avance à tous

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Copier des Range avec les styles d'origine
    Par Viel' barque antique dans le forum VBA Word
    Réponses: 3
    Dernier message: 15/08/2009, 19h38
  2. Réponses: 0
    Dernier message: 29/10/2008, 12h32
  3. [itext] Problème avec les styles
    Par jgavard dans le forum Documents
    Réponses: 3
    Dernier message: 17/03/2008, 14h17
  4. changer les numeros des titres avec les styles
    Par maxonman dans le forum Word
    Réponses: 3
    Dernier message: 01/12/2007, 21h48
  5. Problème avec les styles d'un tableau
    Par psychoBob dans le forum Balisage (X)HTML et validation W3C
    Réponses: 10
    Dernier message: 20/05/2006, 03h13

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo