L'espacement entre les lignes dans la lettre d'information tableau html dans Hotmail et Gmail
J'essaie de créer un bulletin d'information.
L'affichage est parfait sur navigateur web, parfait dans thunderbird trop... mais en webmails comme Gmail ou Hotmail... j'ai des espaces entre les lignes.
Voici mon code :
<center><a href="http://www.itbag.fr/newsletter/03022012/" style="color:#E84691;font-size:10px;">Si la newsletter s'affiche mal, consultez la en ligne</a>
<table id="Table_01" width="731" height="731" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3" align="left" valign="top">
<a href="http://www.itbag.fr" style="display:block;height:131px">
<img src="http://www.itbag.fr/newsletter/03022012/images/image001_01.jpg" width="640" height="131" border="0" alt=""></a></td>
<td align="left" valign="top">
<a href="https://www.facebook.com/Itbag.fr?sk=app_128552947241828" style="display:block;height:131px">
<img src="http://www.itbag.fr/newsletter/03022012/images/image001_02.jpg" width="90" height="131" border="0" alt=""></a></td>
<td align="left" valign="top">
<img src="http://www.itbag.fr/newsletter/03022012/images/spacer.gif" width="1" height="131" alt=""></td>
</tr>
<tr>
<td colspan="2" align="left" valign="top">
<a href="http://www.itbag.fr" style="display:block;height:74px">
<img src="http://www.itbag.fr/newsletter/03022012/images/image001_03.jpg" width="365" height="74" border="0" alt=""></a></td>
<td colspan="2" rowspan="2" align="left" valign="top">
<a href="http://www.itbag.fr/sacs-d-occasion-de-marques/1130-sac_24h_gerard_darel_en_python_neuf.html" style="display:block;height:286px">
<img src="http://www.itbag.fr/newsletter/03022012/images/image001_04.jpg" width="365" height="286" border="0" alt=""></a></td>
<td align="left" valign="top">
<img src="http://www.itbag.fr/newsletter/03022012/images/spacer.gif" width="1" height="74" alt=""></td>
</tr>
<tr>
<td rowspan="2" align="left" valign="top">
<a href="http://www.itbag.fr/sac-d-occasion-de-luxe/1114-cabas_burberry_beige.html" style="display:block;height:258px">
<img src="http://www.itbag.fr/newsletter/03022012/images/image001_05.jpg" width="187" height="258" border="0" alt=""></a></td>
<td rowspan="2" align="left" valign="top">
<a href="http://www.itbag.fr/accessoires-co/1128-expresso.html" style="display:block;height:258px">
<img src="http://www.itbag.fr/newsletter/03022012/images/image001_06.jpg" width="178" height="258" border="0" alt=""></a></td>
<td align="left" valign="top">
<img src="http://www.itbag.fr/newsletter/03022012/images/spacer.gif" width="1" height="212" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="3" align="left" valign="top">
<a href="http://www.itbag.fr/accessoires-co/1107-ballerines_heritage.html" style="display:block;height:313px">
<img src="http://www.itbag.fr/newsletter/03022012/images/image001_07.jpg" width="365" height="313" border="0" alt=""></a></td>
<td align="left" valign="top">
<img src="http://www.itbag.fr/newsletter/03022012/images/spacer.gif" width="1" height="46" alt=""></td>
</tr>
<tr>
<td align="left" valign="top">
<a href="http://www.itbag.fr/sac-d-occasion-de-luxe/1118-peekaboo.html" style="display:block;height:227px">
<img src="http://www.itbag.fr/newsletter/03022012/images/image001_08.jpg" width="187" height="227" border="0" alt=""></a></td>
<td align="left" valign="top">
<a href="http://www.itbag.fr/sac-d-occasion-de-luxe/1120-muse_two_large.html" style="display:block;height:227px">
<img src="http://www.itbag.fr/newsletter/03022012/images/image001_09.jpg" width="178" height="227" border="0" alt=""></a></td>
<td align="left" valign="top">
<img src="http://www.itbag.fr/newsletter/03022012/images/spacer.gif" width="1" height="227" alt=""></td>
</tr>
<tr>
<td colspan="2" align="left" valign="top">
<a href="http://www.itbag.fr/mon-compte" style="display:block;height:40px">
<img src="http://www.itbag.fr/newsletter/03022012/images/image001_10.jpg" width="365" height="40" border="0" alt=""></a></td>
<td align="left" valign="top">
<img src="http://www.itbag.fr/newsletter/03022012/images/spacer.gif" width="1" height="40" alt=""></td>
</tr>
<tr>
<td align="left" valign="top">
<img src="http://www.itbag.fr/newsletter/03022012/images/spacer.gif" width="187" height="1" alt=""></td>
<td align="left" valign="top">
<img src="http://www.itbag.fr/newsletter/03022012/images/spacer.gif" width="178" height="1" alt=""></td>
<td align="left" valign="top">
<img src="http://www.itbag.fr/newsletter/03022012/images/spacer.gif" width="275" height="1" alt=""></td>
<td align="left" valign="top">
<img src="http://www.itbag.fr/newsletter/03022012/images/spacer.gif" width="90" height="1" alt=""></td>
<td></td>
</tr>
</table></center>
Voici le lien direct : http://www.itbag.fr/newsletter/03022012
Et ici, il y a deux captures d'écran de l'affichage dans Gmail et Hotmail :
Quelqu'un peut m'aider ?
OriginalL'auteur Raphaël | 2012-02-02
Vous devez vous connecter pour publier un commentaire.
Ajouter
style="display: block"
comme mentionné ci-dessouset également ajouter
Reportez-vous à le post original.
travaillé pour Gmail
OriginalL'auteur Nadeem
J'ai résolu un problème similaire avec
Trouvé sur ce Q&A, Je ne suis pas autorisé à notifier doublon potentiel encore.
cela a résolu mon problème. j'ai toujours utiliser display:block mais avait un hasard e-mail qui ne fonctionne pas avec elle. hauteur de la ligne fixe. je vous remercie.
C'est la solution - le webmail logiciel ajoute un espace blanc pour le code source HTML de l'e-mail. Ce blanc-espace de causes de l'écart "entre les" cellules d'un tableau. L'écart n'est pas entre les cellules. Mais la valeur ajoutée de l'espace blanc de rendre les cellules se développent.
OriginalL'auteur Antoine F.
Je suppose qu'il n'y a pas vraiment de réponse à cette webmail...
Je vois dans cette source : http://www.campaignmonitor.com/css/ que tous les webmails et les lecteurs à comprendre "float"...
Dans l'avenir, à essayer avec flotteur colonne.
OriginalL'auteur Raphaël
De référence pour l'avenir: n'oubliez pas que vos td à l'intérieur même tr doit avoir le même remplissage en haut et en bas.
Cela arrive parce que vous êtes en train d'ajouter de l'espace à certains td et les autres sont l'obtention de l'espace, mais pas le style (juste pour l'espace que vous avez défini), veuillez ajouter rembourrage pour eux aussi.
Cela peut arriver avec la frontière est trop.
OriginalL'auteur Alexandra Cardoso