CSS HTML Couleur différente dans un <p>

Résolu
Hallix -  
ghuysmans99 Messages postés 2496 Date d'inscription   Statut Contributeur Dernière intervention   -
Bonjour à toutes et à tous,
je cherche un moyen d'avoir plusieurs couleurs, styles dans un même paragraphe sans sauter de ligne. Je veux me conformer au HTML 4.01 dit "Transitional", et je ne peut donc utiliser la balise <font>. J'ai crée différents styles tel que :
.jaun
   {color:#222222;background-color:#FF0;}

pour afficher du texte en noir légèrement grisé sur fond jaune.

Seulement, je ne sais pas comment afficher une partie seulement d'un paragraphe avec ce style. En effet, je veux obtenir un effet de surlignage comme sur un cahier... Lorsque j'essaie une balise <p class="jaun"> à l'intérieur d'une autre, j'obtiens bien l'effet désiré, mais avec surtout un saut de ligne avant qui ne va pas du tout.

Je suis novice...

Merci à tous de vos réponses.
Configuration: Windows XP
Firefox 3.5.2

4 réponses

  1. avion-f16 Messages postés 19182 Date d'inscription   Statut Contributeur Dernière intervention   4 511
     
    Un div est un élémen de type bloque
    Un span est de type inline

    Un div sert principalement à la mise en forme de la page (pour créer des conteneurs, des box) mais un span sert à "fragmenter" un texte pour lui donner du style (via le CSS).
    5
    1. ghuysmans99 Messages postés 2496 Date d'inscription   Statut Contributeur Dernière intervention   342
       
      Tu m'as pris de vitesse ...
      Mais ce que tu dis est tout à fait exact.
      0
  2. ghuysmans99 Messages postés 2496 Date d'inscription   Statut Contributeur Dernière intervention   342
     
    Utilise la balise span :
    <style>span.jaune {color:#222222;background-color:#FF0;}</style>
    <p>Voilà un <span class="jaune">mot</span> en <span class="jaune">jaune</span></p>
    3
  3. Anonyme
     
    Je veux dire, quelle différence il y a entre <div> et <span> ? Si je veux mettre à nouveau un <span> de couleur dans un autre, pas de problème de validation après ?
    1
  4. Hallix
     
    Je m'en doutais... mais j'hésitais vu que je ne maîtrise pas bien l'utilsiation de <span>. Mais pourquoi pas dans ce cas un <div> ?
    0