電子メールの画像

Question

電子メール署名のコードを作成しています。私のiPhoneの電子メールクライアントでイメージが一直線に並ぶことはありません。理由はわかりません。私にできるものはあり

：

<table width="100%" border="0" align="left" cellpadding="0" cellspacing="0"> 
         <tr> 
          <td align="left" style="padding:0;margin:0;height:45px;width:230px;"> 
           <ul style="padding:0;margin:0;height:45px;width:230px;"> 
            <li style="text-align:left;margin:0;padding:0;height:45px;width:230px;"> 
             <a target='_blank' href="https://www.mypage.com" style="margin:0;padding:0;width:230px;height:45px;"> 
              <img style="padding:0;margin:0;" height="45px" width="230px" src="https://www.mypage.com/logo.gif" alt="Logo mypage" /> 
             </a> 
            </li> 
           </ul> 
          </td> ...... 

問題は、下の画像の上に可視化されますか？

私を助けてくれてありがとう。

敬具、 Yab86リンク<img>はその<td>で唯一のものである場合

Answer 1

、あなたが<ul>を削除することができますか？それともリストには別の理由がありますか？

電子メールクライアントは、<ul>と<li>のようなブロックレベルの要素のマージンとパディングに奇妙なことを行います。インラインCSSでリセットされている場合もあります。ここにリストが必要ない場合は、なぜ複雑性を導入するのですか？

<table width="100%" border="0" align="left" cellpadding="0" cellspacing="0"> 
    <tr> 
     <td height="45" width="230" align="left" style="padding:0;"> 
      <a target='_blank' href="https://www.mypage.com"> 
       <img align="left" style="display: block; margin:0;" height="45" width="230" src="https://www.mypage.com/logo.gif" alt="Logo mypage" /> 
      </a> 
     </td> 
    </tr> 
</table>