5568 sujets

Sémantique web et HTML

[resolu] Couleur du texte

Bonjour à tous,
J'ai le problème suivant:
J'affiche successivement plusieurs photos avec du texte devant.
Selon la photo je voudrais changer la couleur du texte pour le rendre plus lisible.
pour le texte, j'ai une fonction CSS : <p>


<h2 align="center"><em>Arpete, une vie de chien !!!!!</em></h2>
<br />
<br />
<div id="container"> <img src="images/fond_arpete_01.jpg" width="1000" height="750" margin-left:="auto" margin-right:="auto" vspace="0" />
  <div id="menu" > <a href="origines_01.html"><img src="boutons/origines.jpg" alt="bouton choix" width="200" height="20" border="0" /><span><br/>
    <div id="preamble"> <img src="images/fond600_arpete_01.jpg" width="600" height="600" vspace="5" /> <br/>
      <div id="texte-scroll"> <br/>
        <p align="center" class="medium_em"><strong>&nbsp;Je suis née le 9 février 2005 en Franche-Comté, dans l'est de la France&nbsp;</strong></a> </p>
        <p align="center" class="medium_em"><strong>&nbsp;C'est une famille nombreuse, j'ai 1 frère et 5 soeurs.&nbsp;</strong> </a></p>
        <br/>
        <p align="center" class="medium_em"><strong>&nbsp;Notre maman .............,&nbsp;</strong></a> </p>
        <br/>
        <br/>
        <br/>
        <br/>
        <br/>
        <p align="center" class="medium_em"><strong>&nbsp;Cliquer sur le bouton pour en savoir plus !&nbsp;</strong></a></p>
      </div>
    </div>
    </span></a>
    <p></p>
    <a href="rep_photoarpete_00.html"><img src="boutons/arpete-photos.jpg" alt="bouton choix" width="200" height="20" border="0" /><span><br/>
    <div id="preamble"><img src="images/fond600_arpete_04.jpg" width="600" height="600" vspace="5" /> <br/>
      <div id="texte-scroll"> <br/>
        <br/>
        <br/>
        <br/>
        <br/>
        <br/>
        <br/>
        <br/>
        <br/>
        <br/>
        <p align="center" class="medium_em"><strong>&nbsp;Les premières photos ont été prisent fin février 2005,&nbsp;</strong></a> </p>
        <br/>
        <p align="center" class="medium_em"><strong>&nbsp;avec un appareil photo-numérique Olympus Camédia C-4040&nbsp;</strong></a> </p>
        <br/>
        <br/>
        <br/>
        <br/>
        <br/>
        <br/>
        <br/>
        <p align="center" class="medium_em"><strong>&nbsp;Cliquer sur le bouton pour voir l'album&nbsp;</strong></a> </p>
        <br/>
      </div>
    </div>
    </span></a>
    <p></p>
    <a href="rep_cadrevie_00.html"><img src="boutons/cadre-vie.jpg" alt="bouton choix" width="200" height="20" border="0" /><span><br/>
    <div id="preamble"><img src="images/fond600_arpete_02.jpg" width="600" height="600" vspace="5" />
      <div id="texte-scroll"> <br/>
        <p align="center" class="medium_em" ><strong>&nbsp;Ma vie se partage entre la France et la Suisse, j'ai la chance d'avoir un grand jardin dans chaque pays.<br/>
          Chaque pays est très agréable, il y a plein de bois et de forets ou ma maitresse me fait faire de grandes ballades.<br/>
          Je suis impatiente d'avoir 2 ans pour pouvoir aller faire de grandes virées avec mes maitres en vélo.<br/>
          Il parait que pour l'instant, c'est mauvais pour ma santé.&nbsp;</strong></a> </p>
        <br/>
        <p align="center"  class="medium_em" ><strong>&nbsp;Le petit-fils de mes maitres est bien gentil, surtout que quand il mange un biscuit ou une tartine, c'est juste à ma hauteur, je le persuade facilement de penser à moi.<br/>
          <br/>
          Il a aussi une chienne qui se prénome "Ciba" et qui m'impressionait quand j'étais petite, maintenant, c'est moi qui commande !! <br/>
          Quand elle vient, on fait de grandes courses au jardin.&nbsp;</strong></a> </p>
        <br />
        <p align="center" class="medium_em" ><strong>&nbsp;On parle encore souvent de Maya, une vieille de 13 ans et demi qui est morte un peu avant mon arrivés dans la famille. Il y a quelques photos d'elle quelque part.&nbsp;</strong></a> </p>
        <br/>
        <br/>
        <p align="center" class="medium_em" ><strong>&nbsp;Cliquer sur le bouton pour en savoir plus!&nbsp;</strong></a> </p>
      </div>
    </div>
    </span></a>
    <p></p>

Comment je peux changer la couleur dans la balise <p> au milieu de la page
le résultat est visible sur le lien
http://www.cisalpin.com/arpete/indexpage_arpete.html

j'ai cherché avec "couleur du texte" dans les faq mais je n'ai rien trouvé.

Merci de votre aide
Modifié par helvetdulac (19 Feb 2006 - 19:39)
Pour gérer mes couleurs de texte, j'ai créé des classes ne comprenant que la couleur, ensuite je rajout les couleurs dans la classe de mes textes

Par exemple, mes textes sont en noir et je veux en utiliser un en bleu

je déclare donc dans mon CSS

.bleu {color:blue;}


Ensuite, il me reste plus qu'à l'utiliser dans le HTML


        <p align="center" class="medium_em" ><strong> Ma vie se partage entre la France et la Suisse, j'ai la chance d'avoir un grand jardin dans chaque pays. bla bla bla</p>
        <p align="center"  class="medium_em [#red]bleu[/#]" ><strong> Le petit-fils de mes maitres est bien gentil, surtout que quand il mange un biscuit ou une tartine, c'est juste à ma hauteur, je le persuade facilement de penser à moi.<br/>
bla bla bla</p>


Maintenant le faire automatiquement en fonction de la couleur du fond de la photo, je ne sais pas faire Smiley biggol
Sujet clos
Aller à