alignement input avec image

Bonjour,
j'ai un tableau banal :

Code:

---

1 2 3 4 5 6 7 8 9 10

<table> <tr> <td colspan="2"> Nom: <input type="text" /> <img src="image.gif" /> </td> </tr> <tr><td>mo</td><td>nnnn</td></tr> </table>

---

Mais je comprends pas pourquoi l'image est décalée par rapport à l'input.
Merci de me dire comment bien les aligner :wink: [/code]

décallé comment en haut en bas l'un en dessous de l'autre a droite a gauche ???

je pense qu'un <br/> après l'input devrait résoudre ton problème mais je ne sais pas que alignement tu recherches ...

Salut,

Tu peux ajouter à ton image un attribut align="top" aligner le haut de l'image avec le haut du texte ou align="middle" ou align="bottom". Essaye ces paramères et peut etre un te conviendra :)
Tu peux aussi essayer ca :

Code:

---

1 2	<img src="image.gif" style="vertical-align: text-bottom;" />

---

on est peut être aussi en face d'une border d'image qui pose problème ...

Merci beaucoup !
En mettant vertical-align:middle ça met l'image à la même hauteur que le texte. C'est malheureusement pas centré par rapport à l'input, mais bon....je me satisfait déjà de ça.
Je mets mon topic en "résolu", mais si qqun a une idée pour centré l'image par rapport à l'input, je suis preneur ! merci

Dans tout les paramètres dispo dans vertical-align, y en a pas un qui te permettra d'avoir ce que tu souhaites ?

Voici une liste des valeurs possibles :

Code:

---

1 2 3 4 5 6 7 8 9

top = aligner en haut. middle = aligner au milieu. bottom = aligner en bas. baseline = aligner sur la ligne de base (ou en bas s'il n'y a pas de ligne de base). sub = mettre en indice (sans réduire la taille de la police). super = mettre en exposant (sans réduire la taille de la police). text-top = aligner sur le bord supérieur de l'écriture. text-bottom = aligner sur le bord inférieur de l'écriture

---

sub et super dans ce cas ne seront pas trop utiles mais essaye les autres pour voir (si tu ne l'as déjà pas fait bien sur ;))