Bonjour, le post ici en désespoir de cause! Je doit envoyé une "carte" de noël par courriel à nos clients.
J'ai créée une image dans photoshop que j'ai slicer à la bonne vieille méthode. J'ai ensuite révisé le code html généré. J'envoie le tout à partir de Outlook en faisant un "insert as text", quand je reçoit dans Outlook, tout est parfait, mais sous gmail et hotmail, le rendu est catastrophique! J'ai essayé plusieurs façon d'envoyé le tout. J'ai fait plusieurs correction du code html, j'ai toujours des espace blanc sous chaque ligne de mon tableau!
Si quelqu'un s'y connait un peu en voie de ce type de mail...
Voici mon code:
J'ai créée une image dans photoshop que j'ai slicer à la bonne vieille méthode. J'ai ensuite révisé le code html généré. J'envoie le tout à partir de Outlook en faisant un "insert as text", quand je reçoit dans Outlook, tout est parfait, mais sous gmail et hotmail, le rendu est catastrophique! J'ai essayé plusieurs façon d'envoyé le tout. J'ai fait plusieurs correction du code html, j'ai toujours des espace blanc sous chaque ligne de mon tableau!
Si quelqu'un s'y connait un peu en voie de ce type de mail...
Voici mon code:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>carte Noël</title>
</head>
<body bgcolor="#FFFFFF" alink="#FFFFFF" vlink="#FFFFFF" link="#FFFFFF" rightmargin="0" leftmargin="0" topmargin="0" bottommargin="0" marginwidth="0" marginheight="0">
<table id="Table_01" width="800px" height="500px" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="7" width="800" height="31" align="right" valign="top"><img src="images/carte_01.jpg" width="800" height="31" alt="" style="display:block;"></td>
</tr>
<tr>
<td width="158" height="97" align="right" valign="top"><img src="images/carte_02.jpg" width="158" height="97" alt="" style="display:block; margin:0;"></td>
<td colspan="5" width="459" height="97" align="right" valign="top"><img src="images/carte_03.jpg" width="459" height="97" alt="SPYPOINT®" style="font-size:15px; font-family:Verdana, Geneva, sans-serif; font-weight:bold; display:block; margin:0;"></td>
<td width="183" height="97" align="right" valign="top"><img src="images/carte_04.jpg" width="183" height="97" alt="" style="display:block; margin:0;"></td>
</tr>
<tr>
<td colspan="5" width="520" height="122" align="right" valign="top"><img src="images/carte_05.jpg" width="520" height="122" alt="Que cette saison de célébrations vous apporte beaucoup de joie!" style="display:block; margin:0;"></td>
<td colspan="2" rowspan="4" width="280" height="372" align="right" valign="top"><img src="images/carte_06.jpg" width="280" height="372" alt="" style="display:block; margin:0;"></td>
</tr>
<tr>
<td colspan="5" width="520" height="81" align="right" valign="top"><img src="images/carte_07.jpg" width="520" height="81" alt="Joyeux Noël et Bonne Année" style="display:block; margin:0;"></td>
</tr>
<tr>
<td colspan="5" width="520" height="108" align="right" valign="top"><img src="images/carte_08.jpg" width="520" height="108" alt="" style="display:block; margin:0;"></td>
</tr>
<tr>
<td colspan="2" width="416" height="61" align="right" valign="top"><a href="http://www.spypoint.com/" style="border:0;"><img src="images/carte_09.jpg" width="416" height="61" alt="Surveillez les nouveautés SPYPOINT® 2014: www.spypoint.com" style="border:0; display:block; margin:0;"></a></td>
<td width="38" height="61" align="right" valign="top"><a href="https://www.facebook.com/SPYPOINT" style="border:0;"><img src="images/carte_10.jpg" width="38" height="61" alt="Facebook" style="border:0; display:block; margin:0;"></a></td>
<td width="38" height="61" align="right" valign="top"><a href="http://www.youtube.com/SpypointTrailCam" style="border:0;"><img src="images/carte_11.jpg" width="38" height="61" alt="YouTube" style="border:0; display:block; margin:0;"></a></td>
<td width="28" height="61" align="right" valign="top"><img src="images/carte_12.jpg" width="28" height="61" alt="" style="display:block; margin:0;"></td>
</tr>
</table>
</body>
</html>