Discussion :

[Warz]

Salut tout le monde !

J'ai cherché sur le site et google mais je n'ai pas vraiment réussi à trouver une soluce à mon problème qui est le suivant :

Je voudrais un div qui soit exactement de la taille de mon texte. On peut facilement imaginé (comme exemple) un body qui possède un fond jaune et un div (avec du texte dedans) qui possède un fond gris.

Et la dessus, je voudrais que le fond gris ne s'étalle pas sur toute la page mais seullement sur le texte qui est écrit, d'où mon besoin que le div soit de la même taille que mon texte.

A noté que mon texte change selon le div donc je ne peux fixé de width nul part (ni dans la css ni dans mon html) vu que je ne sais pas à l'avance la taille qu'aura mon texte dans ma page. J'ai regardé l'option overflow dans la css mais ça ne résout pas mon problème (ou alors je l'ai mal utilisé).

Merci d'avance.

[10-nice]

Tu peux passer par du js en essayant de calculer combien fait, en moyenne, un caractère ensuite en js tu multiplie la longueur de ta chaine par le coefficient calculé et tu joue sur le style.width de ta div.

Mais c'est tiré par les cheveux je trouve

[Space Cowboy]

Si tu est sur que le texte ne dépassera pas la page, il suffit de rien mettre en propriété non ?

[Warz]

C'est ce que je pensais aussi mais dans mon cas il fait toute la page...

Pour le javascript, c'est une bonne idée il faudrait vraiement que je le fasse en css/HTML seulement.

Personne n'a eu ce genre de problème encore ?

[10-nice]

Pour le javascript, c'est une bonne idée il faudrait vraiement que je le fasse en css/HTML seulement.

Pourquoi uniquement HTML/CSS ?

Le javascript n'a jamais tué personne

[francis m]

exemple, mais y a du boulot de frappe dans le code html :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<p><span class="red">Options d'affichage</span></p>

et dans ton css

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

.red {background-color:red;}

c'est vrai qu'il y a un span à chaque ligne et beuurk, mais c'est tout en html/css