pbl image dans une cellule

Bonjour a tous !

j'ai un petit probléme lorsque j'insére une image dans une cellule !

Code:

---

...<td><img src='mon_image' alt='' /></td>...

---

j'obtiens a tout les coups un espace en dessous de l'image de 1px !

meme en définissant manuellement la taille de la cellule j'obtient le meme resultat !

http://membres.lycos.fr/imagestock/test.gif

si quelqu'un sait comment retirer cete espace !

je pense que dans la balise <table> il faut spécifier :

Code:

---

cellpadding="0"

---

je l'ai déjà définit :

Code:

---

<table cellpadding='0' cellspacing='0'><tr><td style='width:150px; height:30px;'><img src='img/test.gif' class='onglet' /></td></tr><tr><td style='background-color:#CADBA5; height:20px;' ></td></tr></table>

---

à quoi ressemble ta feuille de style, notamment ta classe onglet ?

Code:

---

1 2 3 4 5 6

padding:0px; margin:0px; text-align:center; vertical-align:bottom; height:30px;

---

le truc c'est que sous IE ca fonctionne mais pas sous Mozilla !

Tu peux essayer comme ceci, mais attention, peut avoir des comportements différents en fonction du browser :

Code:

---

1 2 3

position: relative; top: 2px; left: 0px;

---

(Ajuster le nombre de px pour le top en fonction du nombre de pixels qu'il y a dans l'espace)

@+

c bon j'ai reussi a faire autrement :

j'ai découpé l'image et l'ai mise en fond !

merci pour votre aide !

j'ai eu le même prôblème, et voici la solution :D :

L'astuce consiste à ne plus considérer l'image comme un élément en-ligne qui se comporte comme du texte mais comme un Bloc à part entière. On utilise pour cela la propriété "display" :

Code:

---

1 2 3

img { <div style="margin-left:40px">display: block;</div>}

---