valign sur <tr>

Bonjour, j'ai un problème tout bête, mais que je n'arrive pas à resoudre.

J'ai un tableau, dans lequel j'ai une ligne avec colspan="4" , dans laquelle je veux afficher du texte et une image.
Le probleme est que je veux que et texte et image seraient centrés verticalement, mais valign ="top" marche pas....

Code:

---

1 2 3 4 5 6

<tr valign="middle"> <td valign ="middle" colspan="4" > <span style='font-weight:bold; FONT-SIZE : 12px;'>MON TEXTE</span> <img src='Images/j2.gif' /> </td> </tr>

---

Je ne peux pas eclater en 2 cellules, car c'est un tableau créé dynamiquement et la longueur de texte peut etre differente.
Il faut que le texte et l'image soient dans la meme cellule .

Bonjour,

v-align n'est pas valide selon le W3C. Je te propose donc d'utiliser la propriété vertical-align dans ton css.

Citation:

---

'vertical-align'
Value: baseline | sub | super | top | text-top | middle | bottom | text-bottom | <percentage> | <length> | inherit
Initial: baseline
Applies to: inline-level and 'table-cell' elements
Inherited: no
Percentages: refer to the 'line-height' of the element itself
Media: visual
Computed value: for <percentage> and <length> the absolute length, otherwise as specified

---

merci, le probleme est resolu.

Mon image est assez grande, donc, le texte qui est a coté , restait en bas de cellule.

J'ai essayé d'appliquez vertical-align à tous les elements (<td>, <tr>, <span> , <div>)
Rien à faire !!!!!

Et il suffisait d'appliquer à l'image. Mais comme elle prenait déjà toute la hauteur du <td>, j'y est pas pensé :oops: