Discussion :

[Pingva]

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 :

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

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 .

[Deallyra]

Bonjour,

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

'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

[Pingva]

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é