[CSS] définir la couleur de fond

[WebRankInfo]

je veux définir la couleur du fond, mais seulement "sous les caractères". Ainsi si j'utilise la balise p, je ne veux pas que la couleur du fond prenne toute la ligne, ce qui se passe avec l'attribut CSS background-color.
Je suppose qu'il y a une solution... et désolé si je ne suis pas très clair !

pour l'instant j'ai trouvé ça comme solution :

Code: Tout sélectionner

<p><span class="fond_colore">Du texte</span></p>

[Mies Van der Rohe]

tu peux utiliser background-color et mettre width: 100px; ou la largeur souhaitée

[WebRankInfo]

la largeur dépend du texte à afficher donc ça ne peut pas aller comme solution

[milkiway]

Le span est bien pourquoi veux tu changer ?

[WebRankInfo]

Le span est bien pourquoi veux tu changer ?

je me disais que c'était bizarre d'avoir besoin de 2 balises (p et span).

[milkiway]

elles n'ont pas la même utilité
Le <p> est pour le paragraphe
Le <span> te sert à surligner

Ou tu peux mettre en <strong> et définir le background si le but est de mettre l'accent

[Mies Van der Rohe]

si tu mets une largeur minimale par exemple 2px sous IE ça marche mais pas sous Mozilla effectivement

[CA-HPP]

Bonjour,

Je programme habituellement en redéfinissant les pseudo classes : suivre le lien ci-dessous, c'est simple & efficace..

http://www.allhtml.com/css/css48.php

Cordialement,
C-A

ps : 1ère intervention, mais lecteur assidu je pense

[WebRankInfo]

Merci mais je n'ai pas trouvé là une solution à mon problème... En tout cas re-bienvenue sur WRI !

[Monique]

Ou tu peux mettre en <strong> et définir le background si le but est de mettre l'accent

Bonjour,

Cela me semble en effet la solution la plus logique, la plus en accord avec la sémantique.
Même si la feuille de style n'est pas prise en compte (ce qui continue à m'arriver souvent, et uniquement avec WRI ) le texte sera mis en évidence (en gras pour la plupart des navigateurs).

Amicalement,
Monique

[WebRankInfo]

Merci Monique, je savais bien que tu t'intéressais à ce genre de questions...
En fait je veux utiliser ce style pour des messages d'erreur. Seule la phrase doit être en fond rouge par exemple, et je me demandais s'il y avait mieux que d'utiliser 2 balises pour ça (p et span)

A part ça Monique, je me demande si je n'ai pas trouvé le pb pour la feuille de style qui ne se charge pas sur WRI : le nom du fichier contient des majuscules, et j'ai vu passer des erreurs 404 pour des accès au fichier en minuscules. Ca doit dépendre des navigateurs ?
Je suis bien conscient que c'est idiot d'avoir un nom de fichier avec des majscules, mais le fichier a été créé par phpBB d'après le nom du thème...

[Monique]

Idéalement il serait préférable de jouer sur la largeur des boîtes (p ou autres), mais l'interprétation différente de cette propriété par les différents navigateurs pose trop de problème.
la balise strong (définie par une règle de style) est donc un bon choix.

Pour la feuille de style de WRI, j'ai trouvé une parade mais j'ignore pourquoi ça marche : je dois vider le cache puis recharger la page... un peu lourd, mais efficace

Amicalement,
Monique

[WebRankInfo]

Monique, as-tu le pb uniquement sur le forum ? et uniquement avec un navigateur ?

[Monique]

Désolée Olivier, je ne pourrais pas te répondre
Comme le problème ne se manifeste pas à chaque visite, il faudrait que je navigue un certain temps avec un autre navigateur... ce que je ne pourrais plus faire, j'apprécie trop FireFox.
D'autre part, j'ai l'habitude de venir directement sur le forum sans passer par la page d'accueil. Or le problème n'apparaît qu'à mon entrée et pas lors du passage d'une page à l'autre.
Est-ce la même feuille de style pour le forum et la page d'accueil ?

Amicalement,
Monique

[WebRankInfo]

non il y a plusieurs feuilles
je vais faire des tests car j'ai moi aussi firefox