Discussion :

[luta]

j ai le code suivant

Code :

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

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 :

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

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
quelqu un a déja été confronté à ceci? (tout le monde je pense )

[fabricew59]

<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 ))

[Auteur]

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 :

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

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>