[css]alignement de div.

j ai le code suivant

Code:

---

1 2 3 4

<div class="item" <div class="description">j aimerai que ce text apparaisse à droite de l image suivante</div> <div class="img"><img src="c:/temp/yop.gif"></div> </div>

---

j aimerai que le résultat ressemble à ceci:

Code:

---

1 2 3 4 5

---------- -/ yop.gif - j aimerai que ce text - - apparaisse à droite de l image suivante - - le long de l image... ----------

---

j ai testé avec la propriété float mais le résultat est catastrophique,
display inline me met l i mage a la suite du texte comme si c etait un element de texte...
bref je ne trouve pas la soluce :oops:
quelqu un a déja été confronté à ceci? (tout le monde je pense :mrgreen: )

<div class="item"
<div class="description">j aimerai que ce text apparaisse à droite de l image suivante</div>
<div class="img"><img src="c:/temp/yop.gif"></div>
</div>

.description {
display:block;
float:left;
margin-left:20px;
}

.img {
display:block;
float:left;
}

attention le div item doit avoir une largeur superieure a la somme des largeurs de tes deux autres div + la marge a gauche ...


ca devrait aller comme ca ;)))

bonjour,

si tu utilises la feuille de style de fabricew59 inverse les div img et description (sinon ton texte se trouvera à gauche de l'image ) :

Code:

---

1 2 3 4 5

<div class="item"> <div class="img"><img src="c:/temp/yop.gif"></div> <div class="description">j'aimerai que ce texte apparaisse à droite de l'image suivante</div> </div>

---