電子メールテンプレートを作成しました。このテンプレートは、ハイパーリンク付きの唯一の画像セットです。ブラウザでうまく動作しますが、電子メールで送信すると、tds間の不必要な埋め込みのために壊れてしまいます。 電子メールテンプレート内のTD間のパディング
これはレンダリングする方法です。しかし、私は、以下を参照してください
をあなたは、不要なパディングを参照してください?ここでは、コードがあります:
<html><head>
<title>Email Template</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (594bfefd1385a.jpeg) -->
<table id="Table_01" width="1004" height="577" border="0" cellpadding="0" cellspacing="0">
\t <tbody><tr>
\t \t <td rowspan="2">
\t \t \t <a href="https://www.thetwistedbit.com/collections/ego-7-tall-boots#utm_source=hypermail&utm_medium=email&utm_campaign=ego7&utm_term=ego7"><img src="http://thetwistedbit.net/imagehosting/5360/594eb68d7e313.gif" width="231" height="173" alt=""></a></td>
\t \t <td colspan="8" rowspan="5">
\t \t \t <img src="http://thetwistedbit.net/imagehosting/5360/594eb68dbb799.gif" width="411" height="445" alt=""></td>
\t \t <td colspan="5">
\t \t \t <a href="https://www.thetwistedbit.com/#utm_source=hypermail&utm_medium=email&utm_campaign=ego7"><img src="http://thetwistedbit.net/imagehosting/5360/594eb68db1f3f.gif" width="361" height="163" alt=""></a></td>
\t \t <td>
\t \t \t <img src="http://thetwistedbit.net/imagehosting/5360/594eb68fb3b0a.gif" width="1" height="163" alt=""></td>
\t </tr>
\t <tr>
\t \t <td colspan="5" rowspan="2">
\t \t \t <img src="http://thetwistedbit.net/imagehosting/5360/594eb68dd8c60.gif" width="361" height="105" alt=""></td>
\t \t <td>
\t \t \t <img src="http://thetwistedbit.net/imagehosting/5360/594eb68fb3b0a.gif" width="1" height="10" alt=""></td>
\t </tr>
\t <tr>
\t \t <td rowspan="8">
\t \t \t <img src="http://thetwistedbit.net/imagehosting/5360/594eb68de43fb.gif" width="231" height="403" alt=""></td>
\t \t <td>
\t \t \t <img src="http://thetwistedbit.net/imagehosting/5360/594eb68fb3b0a.gif" width="1" height="95" alt=""></td>
\t </tr>
\t <tr>
\t \t <td colspan="3" rowspan="2">
\t \t \t <img src="http://thetwistedbit.net/imagehosting/5360/594eb68e02a9f.gif" width="164" height="177" alt=""></td>
\t \t <td>
\t \t \t <a href="https://www.google.com/maps/place/28+N+Central+Ave,+Hartsdale,+NY+10530/@41.0195605,-73.7994692,17z/data=!3m1!4b1!4m5!3m4!1s0x89c2948a2925d351:0x84bfe9e32b3fb392!8m2!3d41.0195565!4d-73.7972805"><img src="http://thetwistedbit.net/imagehosting/5360/594eb68e23617.gif" width="72" height="73" alt=""></a></td>
\t \t <td rowspan="5">
\t \t \t <img src="http://thetwistedbit.net/imagehosting/5360/594eb68e25d27.gif" width="125" height="244" alt=""></td>
\t \t <td>
\t \t \t <img src="http://thetwistedbit.net/imagehosting/5360/594eb68fb3b0a.gif" width="1" height="73" alt=""></td>
\t </tr>
\t <tr>
\t \t <td rowspan="4">
\t \t \t <img src="http://thetwistedbit.net/imagehosting/5360/594eb68e4689f.gif" width="72" height="171" alt=""></td>
\t \t <td>
\t \t \t <img src="http://thetwistedbit.net/imagehosting/5360/594eb68fb3b0a.gif" width="1" height="104" alt=""></td>
\t </tr>
\t <tr>
\t \t <td rowspan="5">
\t \t \t <img src="http://thetwistedbit.net/imagehosting/5360/594eb68e47c27.gif" width="42" height="131" alt=""></td>
\t \t <td rowspan="2">
\t \t \t <a href="https://www.facebook.com/TheTwistedBitSaddlery/"><img src="http://thetwistedbit.net/imagehosting/5360/594eb68e6685e.png" width="51" height="52" alt=""></a></td>
\t \t <td colspan="5">
\t \t \t <img src="http://thetwistedbit.net/imagehosting/5360/594eb68e677fe.gif" width="281" height="2" alt=""></td>
\t \t <td colspan="2" rowspan="2">
\t \t \t <a href="https://www.facebook.com/EquestrianStyle/"><img src="http://thetwistedbit.net/imagehosting/5360/594eb68e6685e.png" width="51" height="52" alt=""></a></td>
\t \t <td colspan="2" rowspan="3">
\t \t \t <img src="http://thetwistedbit.net/imagehosting/5360/594eb68e877be.gif" width="150" height="67" alt=""></td>
\t \t <td>
\t \t \t <img src="http://thetwistedbit.net/imagehosting/5360/594eb68fb3b0a.gif" width="1" height="2" alt=""></td>
\t </tr>
\t <tr>
\t \t <td rowspan="4">
\t \t \t <img src="http://thetwistedbit.net/imagehosting/5360/594eb68ea96be.gif" width="89" height="129" alt=""></td>
\t \t <td>
\t \t \t <a href="https://www.pinterest.com/thetwistedbit/"><img src="http://thetwistedbit.net/imagehosting/5360/594eb68eab5fe.gif" width="51" height="50" alt=""></a></td>
\t \t <td rowspan="4">
\t \t \t <img src="http://thetwistedbit.net/imagehosting/5360/594eb68ec9295.gif" width="15" height="129" alt=""></td>
\t \t <td>
\t \t \t <a href="https://www.instagram.com/TheTwistedBit/"><img src="http://thetwistedbit.net/imagehosting/5360/594eb68ecb9a6.gif" width="50" height="50" alt=""></a></td>
\t \t <td rowspan="4">
\t \t \t <img src="http://thetwistedbit.net/imagehosting/5360/594eb68eeadad.gif" width="76" height="129" alt=""></td>
\t \t <td>
\t \t \t <img src="http://thetwistedbit.net/imagehosting/5360/594eb68fb3b0a.gif" width="1" height="50" alt=""></td>
\t </tr>
\t <tr>
\t \t <td rowspan="3">
\t \t \t <img src="http://thetwistedbit.net/imagehosting/5360/594eb68eebd4d.gif" width="51" height="79" alt=""></td>
\t \t <td rowspan="3">
\t \t \t <img src="http://thetwistedbit.net/imagehosting/5360/594eb68f15f75.gif" width="51" height="79" alt=""></td>
\t \t <td rowspan="3">
\t \t \t <img src="http://thetwistedbit.net/imagehosting/5360/594eb68f16f15.gif" width="50" height="79" alt=""></td>
\t \t <td colspan="2" rowspan="3">
\t \t \t <img src="http://thetwistedbit.net/imagehosting/5360/594eb68f37e75.gif" width="51" height="79" alt=""></td>
\t \t <td>
\t \t \t <img src="http://thetwistedbit.net/imagehosting/5360/594eb68fb3b0a.gif" width="1" height="15" alt=""></td>
\t </tr>
\t <tr>
\t \t <td rowspan="2">
\t \t \t <img src="http://thetwistedbit.net/imagehosting/5360/594eb68f36aec.gif" width="62" height="64" alt=""></td>
\t \t <td colspan="3">
\t \t \t <a href="https://www.thetwistedbit.com/#utm_source=hypermail&utm_medium=email&utm_campaign=ego7"><img src="http://thetwistedbit.net/imagehosting/5360/594eb68f589ec.gif" width="285" height="25" alt=""></a></td>
\t \t <td>
\t \t \t <img src="http://thetwistedbit.net/imagehosting/5360/594eb68fb3b0a.gif" width="1" height="25" alt=""></td>
\t </tr>
\t <tr>
\t \t <td colspan="3">
\t \t \t <img src="http://thetwistedbit.net/imagehosting/5360/594eb68f5a15d.gif" width="285" height="39" alt=""></td>
\t \t <td>
\t \t \t <img src="http://thetwistedbit.net/imagehosting/5360/594eb68fb3b0a.gif" width="1" height="39" alt=""></td>
\t </tr>
\t <tr>
\t \t <td>
\t \t \t <img src="http://thetwistedbit.net/imagehosting/5360/594eb68fb3b0a.gif" width="231" height="1" alt=""></td>
\t \t <td>
\t \t \t <img src="http://thetwistedbit.net/imagehosting/5360/594eb68fb3b0a.gif" width="42" height="1" alt=""></td>
\t \t <td>
\t \t \t <img src="http://thetwistedbit.net/imagehosting/5360/594eb68fb3b0a.gif" width="51" height="1" alt=""></td>
\t \t <td>
\t \t \t <img src="http://thetwistedbit.net/imagehosting/5360/594eb68fb3b0a.gif" width="89" height="1" alt=""></td>
\t \t <td>
\t \t \t <img src="http://thetwistedbit.net/imagehosting/5360/594eb68fb3b0a.gif" width="51" height="1" alt=""></td>
\t \t <td>
\t \t \t <img src="http://thetwistedbit.net/imagehosting/5360/594eb68fb3b0a.gif" width="15" height="1" alt=""></td>
\t \t <td>
\t \t \t <img src="http://thetwistedbit.net/imagehosting/5360/594eb68fb3b0a.gif" width="50" height="1" alt=""></td>
\t \t <td>
\t \t \t <img src="http://thetwistedbit.net/imagehosting/5360/594eb68fb3b0a.gif" width="76" height="1" alt=""></td>
\t \t <td>
\t \t \t <img src="http://thetwistedbit.net/imagehosting/5360/594eb68fb3b0a.gif" width="37" height="1" alt=""></td>
\t \t <td>
\t \t \t <img src="http://thetwistedbit.net/imagehosting/5360/594eb68fb3b0a.gif" width="14" height="1" alt=""></td>
\t \t <td>
\t \t \t <img src="http://thetwistedbit.net/imagehosting/5360/594eb68fb3b0a.gif" width="62" height="1" alt=""></td>
\t \t <td>
\t \t \t <img src="http://thetwistedbit.net/imagehosting/5360/594eb68fb3b0a.gif" width="88" height="1" alt=""></td>
\t \t <td>
\t \t \t <img src="http://thetwistedbit.net/imagehosting/5360/594eb68fb3b0a.gif" width="72" height="1" alt=""></td>
\t \t <td>
\t \t \t <img src="http://thetwistedbit.net/imagehosting/5360/594eb68fb3b0a.gif" width="125" height="1" alt=""></td>
\t \t <td></td>
\t </tr>
</tbody></table>
<!-- End Save for Web Slices -->
</body></html>
、事前に感謝を助けてください。
メールテンプレートが原因そこに多くの異なった電子メールクライアントと、彼らが安全で幸せな自分のユーザーを維持しようとしている方法に複雑な世界です。誰かがこれを手助けできるようになる前に、オフライン(例:Outlook、Thunderbird)またはオンライン(例:gmail、yahoo)の電子メールを表示するために使用される電子メールクライアントに関する情報を追加する必要があります。この特定のシナリオで誰かがあなたを助けることができれば、他の電子メールクライアントではまだよく見えることはないでしょう。 –
あなたはおそらく[Mailchimpとそのテンプレートの1つ](https://mailchimp.com/features/email-templates/)を使うのが一番良いでしょう。彼らは混乱を処理します。 –
本当にシンプルですが修正する。 Haventは私が推測するコードを見た。 – Syfer