[W3C] Email, <Table> et messagerie

Email, <Table> et messagerie

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:

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... :mrgreen:

Thanks

Bonjour,

Code:

<table width="600px" height="102px">

width et height en pixels, est une nouvelle norme html ?

-----------------------------

et

Code:

<img src="images/m.jpg">

pour un mail, n'a aucune chance de fonctionner

Citation:

Envoyé par papajoker

Bonjour,

Code:

<table width="600px" height="102px">

width et height en pixels, est une nouvelle norme html ?

J'ai complètement craqué la dessus (la fin de journée on va dire :roll:)

Citation:

Envoyé par papajoker

et

Code:

<img src="images/m.jpg">

pour un mail, n'a aucune chance de fonctionner

Pourquoi ça ne fonctionnerait pas, je l'ai déjà vu dans des e-mails...?? Faut mettre systématiquement en Background alors ?

Citation:

Envoyé par Nyo08

Code:

<img src="images/m.jpg">

Pourquoi ça ne fonctionnerait pas, je l'ai déjà vu dans des e-mails...?? Faut mettre systématiquement en Background alors ?

C'est le bé à ba ! la personne qui reçoit l'email n'a pas le même disque dur que toi !!!!

donc cette personne n'a pas de dossier images/ et encore moins une image m.jpg :aie:

---------------------
Comment résoudre ce probleme ?
2 solutions; regarde le code source de tes emails :calim2:

Pour afficher les images dans un email, soit tu écris en dur l'url de l'image qui est héberger sur ton serveur web, soit tu peux encoder en base64 l'image directement dans ton code.
Perso, j'utilise l'encodage en base64 de l'image.