espace vide entre une image et le bas d'une cellule d'un tableau

Bonjour,

Lorsque j'insère une image dans une cellule d'un tableau, j'ai tout le temps un espace entre l'image et le bas de la cellule. J'ai pourtant indiqué les attributs cellspacing et cellpadding à 0. L'image colle bien au bord haut, au bord gauche et bord droit de la cellule mais jamais en bas. Y'a-t-il une astuce ?

Code:

---

1 2 3 4 5 6 7 8

<table cellspacing=0 cellpadding=0> <tr> <td style="height:3px"> // NB : l'attribut height ne résout pas mon problème <img src="monImage.gif"> </td> </tr> </table>

---

Quelles sont les dimensions de ton image ?

C'est normal et bizarrement si tu fais :

Code:

---

1 2 3 4 5

<table cellspacing=0 cellpadding=0> <tr> <td><img src="monImage.gif"></td> </tr> </table>

---

Hop, ça marche.

Ne pas passer à la ligne à la fin de la balise <img> et mettre le </td> directement derrière.

C'est très chiant, je te l'accorde. Surtout si on veut avoir un code bien indenté et propre.

Ah oui en effet il faut le savoir !

En tout cas merci de ta réponse ca fonctionne nickel !!

Bonne journée;)

N'oublie pas le petit :resolu:.

Sinon, il y a aussi moyen de faire ça sans toucher à ton indentation...

Les image sont des éléments en ligne (comme le simple texte). Donc l'alignement suit les mêmes règles. C'est à dire qu'il faut que le browser reserve un peu de place pour la queue des lettres qui peuvent descendre.

Les images sont, par défaut, alignées sur ce qu'on appelle la baseline (ligne de base quoi).

Donc deux possibilités:
soit:
- tu passes l'image en display:block; , comme ca, plus d'histoire d'alignement sur les lignes de textes
- tu indiques que l'image doit s'aligner sur le bas de la ligne et non sur la ligne de base en faisant un vertical-align:bottom;

Je te conseille la deuxième soultion qui te permettra de faire cohabiter texte et image sur une même ligne