Discussion :

[UNi[FR]]

Bonjour a tous !

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

...<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 !



si quelqu'un sait comment retirer cete espace !

[necronick]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

cellpadding="0"

[UNi[FR]]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<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>

[necronick]

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

[UNi[FR]]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 !

[ptitjack]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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)

@+

[UNi[FR]]

c bon j'ai reussi a faire autrement :

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

merci pour votre aide !

[DJC]

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

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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