28173 sujets

CSS et mise en forme, CSS3

Bonjour,

J'ai un DIV que j'ai positionné dans ma page, d'une longueur X, dont le texte est aligné à droite.
Dans ce DIV, je rajoute un second DIV ayant diverses propriétés, notamment une couleur de fond.
Ce dernier se trouve bien aligné à droite.

Problème actuel, je n'arrive pas à faire en sorte que mon 2e DIV ait une taille variable.
En effet, je souhaiterais qu'il s'adapte à son contenu afin d'avoir ma couleur de fond que sur le texte qu'il contient.

Actuellement, le 2e DIV prend 100% de son conteneur, donc quoi qu'il arrive la couleur de fond prend elle aussi toute la surface du 1er DIV Smiley decu

Auriez vous une idée?

Merci par avance.

Patrick
pourquoi tu n'utilises pas une coleur de fond directement sur le texte ?

Où alors, je n'ai pas compris ce que tu recherches...
en relisant, je crois comprendre ton problème et la solution serait de mettre ton 2em div en inline, ce qui revient à une taille qui dépend du contenu.

en général, pour des raions sémantiques, on met le texte dans des balises p, peut être que ce sera alors pus simple pour toi de mettre le background sur ton élément p, ainsi que la propriété inline.

En effet, je ne connais pas les autres propriétés de ton div, mais elles ne sont peut être pas compatibles avec le display inline.
Modifié par yahrou (12 Mar 2007 - 16:18)
Effectivement j'y pensais, mais j'ai pas l'impression que ce soit propre Smiley decu
J'ai peur que ca ne tienne pas compte de certains résultats notamment si j'ai un pixel transparent sur la ligne, se verra t'il lui aussi appliqué cette couleur de fond... Smiley sweatdrop
J'ai pas le réflexe de la balise "<p>", mais ca me parait être une bonne solution.
J'ajusterais ensuite l'image, à côté du texte, elle aussi encapsulée dans la balise "<p>" Smiley smile