Alignement vertical img dans tableau

Après, avoir parcouru la FAQ et le forum, j'ai bien trouvé les propriétés vertical-align, ou <img src="" alt"" align="absmiddle"/> mais rien n'y fait!!!

Voilà mon problème :

http://img192.imageshack.us/img192/1999/probimg3vr.jpg

La petite icone (fichier) à droite n'est pas aligné verticalement!!

voilà mon CSS :

table /* Le tableau en lui-même */
{
   margin: auto; /* Centre le tableau */
   margin-left:51px;
   margin-top:10px;
   border:1px solid #202022; /* Bordure du tableau */
   border-collapse: collapse; /* Colle les bordures entre elles */
}

th /* Les cellules d'en-tête */
{
	
	height: 18px;
	font:Tahoma;
	background-image:url(images/motif1.jpg);
	background-repeat: repeat-x;
	margin:0;
	border: 1px solid #202022;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:8px;
	padding-right:8px;
	color:#efefef;
	font-size:13px;
    text-align: center;
}

td /* Les cellules normales */
{
   border: 1px solid #202022;
   font-family:Tahoma, Arial, Helvetica, sans-serif;
   text-align: center; /* Tous les textes des cellules seront centrés*/
   padding: 0px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}

tr
{
	height: 18px;
	vertical-align:middle;
}

a img /* Toutes les images contenues dans un lien */
{
	border: none; /* Pas de bordure */
    text-decoration: none; /* Les liens ne seront plus soulignés */
	margin:0;
	padding:0;
}

a
{
	border: none; /* Pas de bordure */
	text-decoration: none; /* Les liens ne seront plus soulignés */
	font-size:11px;
	color:#AE3230;
}

img {vertical-align:top;}

Si vous avez une astuce, avec plaisir Merci.
Modifié par eMeRiKa (11 May 2006 - 19:13)

Bonsoir,
D'aprés mes souvenir, la propriété vertica-align ne s'applique qu'aux cellules et aux textes, je ne suis pas certain que ça fonctionne sur un tr.
Essayes de mettre une marge bas à ton image.

Voila ta CSS commentée : il y a quelques style superflus ou des petites erreurs

a écrit :
align="absmiddle"/>

align="" n'est pas valide XHTML.

table /* Le tableau en lui-même */
{
   margin: auto; 
   margin-left:51px;  /* inutilie */
   margin-top:10px;
   border:1px solid #202022; /* Bordure du tableau */
   border-collapse: collapse; /* Colle les bordures entre elles */
}

th /* Les cellules d'en-tête */
{
	
	height: 18px;
	font:Tahoma; /*ne fonctionne pas : la propriété raccourcis font n'est valide qu'avec un font-family et fontsize, (ex font: 12px Tahoma, sans-serif ) ne pas oublier la font générique à la fin*/
	background:url(images/motif1.jpg) repeat-x;/*propriété raccourcis*/
	margin:0;   /*inutile*/
	border: 1px solid #202022;
	padding:0 8px; /*propriété raccourcis - les px sont inutiles qd la valeur est 0*/ 
	color:#efefef;
	font-size:13px;
    text-align: center;
}

td /* Les cellules normales */
{
   border: 1px solid #202022;
   font-family:Tahoma, Arial, Helvetica, sans-serif;
   text-align: center; /* Tous les textes des cellules seront centrés*/
   padding: 0; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}

tr
{
	height: 18px;
	vertical-align:middle;
}

a img /* Toutes les images contenues dans un lien */
{
	border: none; /* Pas de bordure */
    text-decoration: none; /* inutile sur les img */
	margin:0;  
	padding:0; /*inutile*/
}

a
{
	border: none; /* Les lien n'ont pas de bordure initialement */
	text-decoration: none; /* Les liens ne seront plus soulignés */
	font-size:11px;
	color:#AE3230;
}

img {vertical-align:top;} /*inutile*/

Modifié par Hermann (11 May 2006 - 20:19)

Merci, je vais tester la marge, par contre dans le commetaire de mon CSS, le vertical-align:top sur mes img inutil je ne suis pas du tout daccord, sans cette propriété internet explorer crée des marges entre mes liens images et le reste.
Ha le margin-left à mon tableau est également util, vu la découpe du design

Je vais tester ton astuce merci.
Modifié par eMeRiKa (11 May 2006 - 20:38)

L'astuce de la marge en bas marche, mais celà ne me convient pas, je veux que mes lignes fassent 18px de haut, et en mettant une marge en bas, elles ne le font plus!!

EDIT : il y avait un padding-top qui trainait que je n'avait pas vu hihihih !!
Et avec ce code çà marche :

td img
{
    /* Déclaration de l'image en type block [cligne] */
    type : block;
    text-align : center;
}

Modifié par eMeRiKa (11 May 2006 - 20:54)

Oui d'accord c'est pas un trés bonne solution alors essyaes de mettre un marge négative haute a ton image ou sinon essyaes peut être d'appliquer a ton tr ou tes td un line-height de la hauteur de ton tr.

La propriété type n'existe pas lol
C'est display: block qui est en effet utilise pour eviter les espaces sous les images.

Le text-align : center ne s'applique pas aux images
Modifié par Hermann (11 May 2006 - 21:00)

Oui, à priori çà venait juste de mon padding-top car meme sans ce bout de code, çà marche

Merci de ton attention sur mon problème herman
Modifié par eMeRiKa (11 May 2006 - 21:05)