pb mozilla et IE

**furikuri** · 15/12/2004, 10h29

je dois realiser une application accessible sous different explorateur.
Seulement j'ai un gros pb de graphisme. J'ai des tableaux et des images et tout doit etre placé au pixel pres. Or si c'est bien positionné sous Mozilla, ca ne l'est pas sous IE.
Par exemple si je met une image dans un tableau

Code :

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

1
2
3
4
5
6
7
8
9
 
<table cellspacing="0">
<tr>
       <td valign="top">         
               <img src="img/alien_north.gif" border="0" name="heuref" style="font-family:Century Gothic;color:#FFFFFF; background-color: #477CB1" onclick="top(this.name);"><br>
                 <img src="img/alien_south.gif" border="0" name="heuref" style="font-family:Century Gothic;color:#FFFFFF; background-color: #477CB1" onclick="down(this.name);">        
        </td>
</tr>
</table>

sous mozilla ces deux images sont collées l'une sous l'autre et sous IE il met un espace entre les images et entre l'image et le tableau.
Quelle solution puis je utiliser pour qu'ils se comportent pareil?

**Flippo** · 15/12/2004, 11h00

essia en ajoutant cellpaddind="0" à la table

**furikuri** · 15/12/2004, 11h07

ca ne change rien.
C'est censé faire quoi?

**O-Zone** · 15/12/2004, 12h16

essaie de mettre margin:0px dans le style des images si ca marche tjs pas continue par un truc qui m'est déjà arrivé sous IE si c'est ca tu vas etre dégouté

Code :

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

1
2
3
4
5
6
7
<table cellspacing="0"> 
<tr> 
       <td valign="top">          
               <img src="img/alien_north.gif" border="0" name="heuref" style="font-family:Century Gothic;color:#FFFFFF; background-color: #477CB1" onclick="top(this.name);"><br><img src="img/alien_south.gif" border="0" name="heuref" style="font-family:Century Gothic;color:#FFFFFF; background-color: #477CB1" onclick="down(this.name);">        
        </td> 
</tr> 
</table>

en gros ne met aucun espace ou saut de ligne entre tes balises img et br