Image dans tableau

Bonjour!

J'arrète les css parce que je dois faire un mail html et je reprends les tableaux, rien de compliqué mais je tombe sur un truc dont je n'ai pas souvenir m'être battu avec et pourtant ce doit être tout con et je ne trouve pas la solution:

Je créé un tableau, pour le test on va dire 1 cellule unique avec 1 image dedans. Tout est en dimension 50x50, tableau, cellule (avec couleur pour le test), image:

<table width="50" height="50" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="50" height="50" bgcolor="#6AB0CD"><img src="image/imagetest.gif" width="50" height="50" alt=""/></td>
</tr>
</table>

Le problème est, il y a toujours quelques soit la taille de l'image, un mince filet sous l'image.. c'est moi qui suit largué ??? Comment je peux faire en sorte que le tableau soit de la même taille que l'image qui est dedans???

mets un display:block; sur des images.. .

Bonjour,

Espaces indésirables sous les images

omg merci!

C'est nouveau ça? Parce que je n'ai pas souvenir que ça me posait des problèmes sur mes ancien site d'il y a 10 ans.

clerksmen a écrit :
omg merci!

C'est nouveau ça? Parce que je n'ai pas souvenir que ça me posait des problèmes sur mes ancien site d'il y a 10 ans.

Tout comme le mentionne l'astuce publiée par Florent; non.

Florent a écrit :
Un peu d'histoire des navigateurs

Les anciens navigateurs (Internet Explorer 4 et 5, Netscape 4) ne laissaient pas d'espace sous les images lorsque l'image était, par exemple, le seul contenu d'une cellule de tableau. Cela facilitait grandement la construction de designs en tableaux. Imaginez le découpage d'une page très graphique en une série de tableaux et de multiples cellules contenant des images; si chaque image est suivie par un espace vide, la mise en page «éclate», et des trous apparaissent partout!

Lorsque les navigateurs ont évolué et ont commencé à avoir un meilleur support des standards, ils ont corrigé le comportement des images (en affichant donc les espaces réglementaires sous les images), mais cela «cassait» de très nombreux sites. C'est une des raisons qui ont poussé à l'invention du mécanisme de Doctype Switching.

Aujourd'hui, les principaux navigateurs ont au moins deux modes de rendu, un pour les sites préhistoriques et un pour les sites «récents». En mode Standard (mode pour les sites récents, on s'en doute), espaces sous les images; en mode Quirks ou mode de Compatibilité (pour la préhistoire), pas d'espaces sous les images. Il y a bien sûr de nombreuses autres différences entre les deux modes. Mais, pour la petite histoire, Mozilla Firefox a même un mode «presque Standard», ou la seule différence avec le mode Standard est l'absence des espaces sous les images esseulées.

Wow!

Ca c'est la classe!! Merci pour l'enseignement et pour l'astuce, je ne me rappelait pas que ça pouvait être si vieux ^^
En tout cas merci vous m'avez sauvé la vie