Email, <Table> et messagerie

**Nyo08** · 08/10/2013, 18h15

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

**papajoker** · 08/10/2013, 18h34

Bonjour,

Code :

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

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

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

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

et

Code :

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

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

pour un mail, n'a aucune chance de fonctionner

**Nyo08** · 09/10/2013, 10h15

Envoyé par papajoker

Bonjour,

Code :

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

<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

)

Envoyé par papajoker

et

Code :

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

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

**papajoker** · 09/10/2013, 13h57

Envoyé par Nyo08

Code :

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

<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

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

**kOrt3x** · 18/10/2013, 10h08

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.

Email, <Table> et messagerie

HTML

Vue hybride

Discussions similaires

Partager

Partager