Posez votre question Signaler

CSS HTML Couleur différente dans un <p> [Résolu]

Hallix - Dernière réponse le 31 août 2009 à 01:57
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.
Lire la suite 

CSS HTML Couleur différente dans un <p> »

5 réponses
Réponse
+1
moins plus
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>
Ajouter un commentaire
Réponse
+1
moins plus
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).
ghuysmans99- 31 août 2009 à 01:57
Tu m'as pris de vitesse ...
Mais ce que tu dis est tout à fait exact.
Ajouter un commentaire
Réponse
+0
moins plus
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> ?
Ajouter un commentaire
Réponse
+0
moins plus
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 ?
Ajouter un commentaire
Ce document intitulé « CSS HTML Couleur différente dans un <p> » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
Passage au tout numérique : quel coût pour les particuliers ?