HTML Email Gmail App (Android 6) - Comment faire pour supprimer l'écart vertical entre les images

Question

Je rencontre un problème avec Gmail App (Android 6.0) Courriel HTML rendant les écarts verticaux entre les images. Je n'ai aucun problème dans d'autres combinaisons client/écran dans Litmus - bureau, mobile, Outlook, IOS, AOL, etc

Si je supprime les tags td entre les images et utilise flottant à gauche, Android empile les images sur le dessus l'un de l'autre.

Si je remplace

<!--[if !gte mso 15]><!--></td><td valign="bottom"><!--<![endif]--> 

avec

</td><td> 

comme je l'avais à l'origine, à la fois l'application Gmail et Outlook ont ​​les lacunes de la ligne verticale.

Quelqu'un peut-il suggérer un moyen d'améliorer le code?

Merci

<table width="640" border="0" cellspacing="0" cellpadding="0" style="text-decoration:none;border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt;table-layout:fixed;border-spacing:0;table-layout:auto;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;text-decoration: none;table-layout: auto;border-spacing: 0; "> 
<tbody> 
    <tr> 
    <td> 
     <a target="_blank" href="http://www.....com/why-use-a-centrifugal-separator.html" style="color:#000000;cursor:pointer;text-decoration:none !important;color: #000000;cursor: pointer;text-decoration: none !important;"><img width="231" height="202" border="0" alt="Read more about keeping oil cleaner longer" src="http://www.....com/emailer/201709/images/keepoilcleanerlonger_100_231x202.jpg" style="-ms-interpolation-mode:bicubic;text-align:center;line-height:20px;width: 231px; height: 202px; display: block; margin: 0px; outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;border: none;display: block;"></a> 
     <!--[if !gte mso 15]><!--></td><td valign="bottom"><!--<![endif]--> 
     <a target="_blank" href="http://www.....com/why-use-a-centrifugal-separator.html" style="color:#000000;cursor:pointer;text-decoration:none !important;color: #000000;cursor: pointer;text-decoration: none !important;"><img width="178" height="202" border="0" alt="Read more about reducing man service hours" src="http://www.....com/emailer/201709/images/reduceservicemanhours_100_178x202.jpg" style="-ms-interpolation-mode:bicubic;text-align:center;line-height:20px;width: 178px; height: 202px; display: block; margin: 0px; outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;border: none;display: block;"></a> 
     <!--[if !gte mso 15]><!--></td><td valign="bottom"><!--<![endif]--> 
     <a target="_blank" href="http://www.....com/assets/web-and-email-a4-mp200-data-sheet-v08.pdf" style="color:#000000;cursor:pointer;text-decoration:none !important;color: #000000;cursor: pointer;text-decoration: none !important;"><img width="231" height="202" border="0" alt="Read more about adding to existing power units" src="http://www.....com/emailer/201709/images/addtoexistingpowerunits_100_231x202.jpg" style="-ms-interpolation-mode:bicubic;text-align:center;line-height:20px;width: 231px; height: 202px; display: block; margin: 0px; outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;border: none;display: block;"></a> 
    </td> 
    </tr> 
</tbody> 

Answer 1

Je cernées votre problème. Vous utilisez un code href et img invalide.

Cela ne fonctionnera jamais comme une url ou une image:

http://www.....com 

je pouvais échanger ceux avec des images d'espace réservé et viennent peut-être avec une meilleure idée de ce que votre question réelle est, mais si vous Si vous ne publiez qu'une partie de votre code, je ne peux que poster une partie d'une solution à vos problèmes.

Je vois que vous n'avez pas eu de réponse sur Litmus non plus.