Bonjour,

j'ai un problème de décalage de cellules dans un e-mail que j'ai monté avec des <table>...j'ai cru pourtant avoir respecté les règles, mais j'ai oublié qqch que je ne trouve pas.

Il y a un espace blanc entre les lignes de mon tableau. ça s'affiche pourtant bien sur Safari et Chrome et Outlook 2010 Mac, mais pas sur Firefox, et ni sur Gmail.

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> </title>
</head>
 
<body link="#000000" vlink="#000000" alink="#000000">
 
<body>
 
<table border="0" align="center" cellspacing="0" cellpadding="0">
  <tr><td>  
  <table width="600px" height="102px" border="0" align="center" cellspacing="0" cellpadding="0">
  <tr>
   <td width="431px" height="102px" ><a href="http://www." target="_blank"><img src="images/s.jpg" alt=""> </a></td>
    <td width="169px" height="102px" style="text-align:center" bgcolor="#a6cef2" >
   <a href="http://www." target="_blank" style="font-size: 20px; color: #bf0266; font-weight: normal; font-family: Arial, Helvetica, sans-serif; text-decoration:none;"> Du 08 au 08<br> à Paris</a>
    </td> 
    </tr>
    <tr><td colspan="2" width="600px" height="30px"><a href="http://www." target="_blank"><img src="images/m.jpg" alt="" width="600px" height="30px"> </a></td></tr>
  </table>
   <table width="600px" height="63px" border="0" cellspacing="0" cellpadding="0" align="center"> 
  <tr>
    	<td width="286px" height="63px" ><a href="http://www." target="_blank"><img src="images/m2.jpg" width="286px" height="63px" alt="">  </a>
        </td>
 
        <td width="314px" height="63px"  bgcolor="#46a12a" style="padding-right:15px; text-align:right" ><a href="http://www." target="_blank" style="font-size: 17px; color: #FFFFFF; font-weight: normal; font-family: Arial, Helvetica, sans-serif; text-decoration:none;">a et b et c et d et e</a>
        </td>   
    </tr>  
    </table>
      <table width="600px" height="173px" border="0" align="center" cellspacing="0" cellpadding="0"> 
    <tr>
    	<td width="600px" height="173px"><a href="http://www." target="_blank"><img src="images/e.jpg" width="600px" height="173px" alt="">  </a></td>
    </tr>
     <tr>
    	<td  width="600px" height="198px"><a href="http://www." target="_blank"><img src="images/t.jpg" width="600px" height="198px" alt="T">  </a></td>
    </tr>
     <tr>
    	<td width="600px" height="47px" background="images/site.jpg" style="text-align:center"><a href="http://www." target="_blank" style="font-size: 20px; color:#ffffff; font-weight: normal; font-family: Arial, Helvetica, sans-serif; text-decoration:none">Programmes </a></td>
    </tr>
    </table>    
 
   </td> </tr>
</table>
 
</body>
</html>
Vous aurez surement des précieux conseils pour moi...

Thanks