パディングなしのhtmlテーブルは、デスクトップメーラーではレンダリングされますが、ウェブメールに不要な追加の水平パディングがあります。

Question

私はhtml電子メールで作業しています。 私はテーブルの上に表示された2枚の画像に問題があります（私はスタイル=「パディング：0PX;」を持っていた場合、同じ結果のtdタグに。）

 <table border="0" cellpadding="0" cellspacing="0"> 
      <tr> 
       <td > 
         <img src="image1.jpg" alt="BAKERTILLY vous souhaite ses meilleurs voeux pour 2016/Bests wishes for 2016 from BAKERTILLY" style="border: none;" /> 

       </td> 
      </tr> 
      <tr> 
         <td > 
      <img src="image2.jpg" alt="Cliquez pour voir l'animation" style="border: none;" /> 
    </td> 
       </tr> 
     </table> 

をそれはデスクトップブラウザ上で正常に動作します

しかし、Webメーラーは何とかテーブルセル間の水平パディングを行います。

この不要なパディングを除去する既知の方法はありますか？

Answer 1

メーラーでこの問題を解決するには、表のborder-collapseプロパティを試してみてください。

<table style="border-collapse: collapse;" border="0" cellpadding="0" cellspacing="0"></table>