Aligner un texte en middle à droite d'une image

Bonjour,

J'aimerai aligner verticalement un texte, ou plutôt un paragraphe, à côté d'une image. Je fais donc le code suivant :

Code:

---

<img src="{URL}" width="60px" height="80px" border="0px" alt="Image Forum" style="vertical-align: middle;"/>{TEXT}

---

Or, le texte étant trop grand, il fait un retour charriot en dessous de l'image :

http://img514.imageshack.us/img514/7152/exemplecj4.png

Comment faire pour inclure le retour à la ligne à l'intérieur de l'alignement ? J'ai essayé sans succès les choses suivantes :

Code:

---

<p><img src="{URL}" width="60px" height="80px" border="0px" alt="Image Forum" style="vertical-align: middle;"/>{TEXT}</p>

---

Code:

---

<p><img src="{URL}" width="60px" height="80px" border="0px" alt="Image Forum" style="vertical-align: middle;"/><p>{TEXT}</p></p>

---

Merci d'avance !

Tu as une solution toute simple à celà.
Tu créé un tableau de deux colonnes :
- Une avec l'image,
- Une avec le texte.
Au moins si ca fait un retour, ca sera à coter de l'image et non à la ligne ;)

Les tableaux ne servent pas à ça :kill:

Il te suffit d'utiliser la propriété CSS float...

Ok je change de prof l'an prochain xD
C'est la solution qu'il nous avez données, maintenant que je connais la tienne, je vais l'utiliser ;)

Merci de m'avoir répondu.

Pour plus de précision, disons que je voudrai ça (montage caca), c'est-à-dire un alignement vertical sans retour chariot du texte :

http://img444.imageshack.us/img444/6510/modelewa8.png

Depuis vos propositions de float, j'ai testé, sans succès, ces différents codes :

Code:

---

1 2	<div style="float:left;"><img src="{URL}" width="60px" height="80px" border="0px" alt="Image Forum" style="vertical-align:middle;" /></div> <p>{TEXT}</p>

---

Résultat
http://img515.imageshack.us/img515/4135/floatjc2.png

Code:

---

1 2 3

<div style="vertical-align:middle;"> <img src="{URL}" width="60px" height="80px" border="0px" alt="Image Forum" style="float:left;"/> <p>{TEXT}</p></div>

---

Résultat
http://img444.imageshack.us/img444/8493/float2co5.png

Où est-ce que ça coince please ?

Exemple simple :
http://www.dimension-internet.com/dev/float/

Citation:

---

Envoyé par blueice

Exemple simple :
http://www.dimension-internet.com/dev/float/

---

Oui enfin, le problème, c'est que le contenu du bloc texte peut changer. Et donc il n'est pas question de gérer l'alignement vertical avec du padding.

N'est-il pas possible, sans table, d'aligner verticalement un texte à une image, sans retour chariot ?

EDIT : Ryan retransmettait mes messages, j'avais un problème avec mon compte.

Oui très simplement... en mettant vertical-align:middle à l'image, regarde à nouveau le lien ;-)

Citation:

---

Envoyé par blueice

Oui très simplement... en mettant vertical-align:middle à l'image, regarde à nouveau le lien ;-)

---

Oui mais ça c'est équivalent à mes premières tentatives :

Code:

---

<p><img src="{URL}" width="60px" height="80px" border="0px" alt="Image Forum" style="vertical-align: middle;"/>{TEXT}</p>

---

Et c'est là que je rencontre le problème du retour à la ligne.

http://img514.imageshack.us/img514/7152/exemplecj4.png