Outlookがセル画像に1ピクセル右に追加

私はOutlook 2013を使用しており、電子メール署名を作成したいと考えています。Outlookがセル画像に1ピクセル右に追加

コーディングが終了したら、1pxのギャップがテーブルセル内の画像に正しく表示されることがわかりました。

私はその細胞に背景色を与えて、画像か細胞自体の問題かどうかを確認しました。

パディングか右の透明な境界かどうかわかりません。

ここでは2日間、他のウェブサイトではたくさん検索しますが、何も修正しません。

私はこのギャップを実証するための別のテンプレートを作成し、ここに私のコードです：

<!DOCTYPE html> 
 
<html xmlns="http://www.w3.org/1999/xhtml"> 
 
\t <head> 
 
\t \t <meta charset="utf-8"> 
 
\t \t <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
 
     <style type="text/css"> 
 
     \t table { border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; } 
 
     </style> 
 
\t </head> 
 
\t <body> 
 
\t \t <table width="234" border="0" cellspacing="0" cellpadding="0"> 
 
\t \t \t <tr> 
 
\t \t \t \t <td width="117" height="33" style="border-collapse:collapse;padding:0;margin:0;border:none;"> 
 
\t \t \t \t \t <img src="http://amraymancom.ipage.com/signtures/mazaya/images/mazaya-logo.png" border="0" width="117" height="33" border="0" style="display:block;border:none;"/> 
 
\t \t \t \t </td> 
 
\t \t \t \t <td width="117" height="33" style="border-collapse:collapse;padding:0;margin:0;border:none;"> 
 
\t \t \t \t \t <img src="http://amraymancom.ipage.com/signtures/mazaya/images/mazaya-logo.png" border="0" width="117" height="33" border="0" style="display:block;border:none;"/> 
 
\t \t \t \t </td> 
 
\t \t \t </tr> 
 
\t \t </table> 
 
\t </body> 
 
</html>

そしてここでは、セルギャップのスクリーンショットです：

私が知っていますOutlook用のコーディングは頭痛ですが、説明していただければ幸いです私はこのギャップが現れる理由とこれを解決するために何をすべきですか？

出典

2017-01-19 Amr Ayman

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
     <meta charset="utf-8"> 
     <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
     <style type="text/css"> 
      table { border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; } 
     </style> 
    </head> 
    <body> 
     <table width="234" border="0" cellspacing="0" cellpadding="0"> 
      <tr> 
       <td align="left" width="117" height="33" style="border-collapse:collapse;padding:0;margin:0;border:none;"> 
        <img src="http://amraymancom.ipage.com/signtures/mazaya/images/mazaya-logo.png" border="0" width="117" height="33" border="0" style="display:block;border:none;"/> 
       </td> 
       <td align="left" width="117" height="33" style="border-collapse:collapse;padding:0;margin:0;border:none;"> 
        <img src="http://amraymancom.ipage.com/signtures/mazaya/images/mazaya-logo.png" border="0" width="117" height="33" border="0" style="display:block;border:none;"/> 
       </td> 
      </tr> 
     </table> 
    </body> 
</html>

これを試してみます。これはギャップを取り除くものではありませんが、ギャップにはギャップがなく、間にギャップができるように、align="left"を追加しました。また、両方の画像を1つに保存することをお勧めします。これにより、常に正しく表示され、メモリスペースを節約するため、読み込み時間が短縮されます。

また、画像が白い背景にあるため、jpgとして追加することもできます。できるだけ多くのスペースを節約することが重要な電子メール署名については、携帯電話に郵送することがあり、あなたは各会話で各回答とともに署名を再度送信するためです。

出典

2017-01-19 08:39:00 Niqql

こんにちはNiklas、お返事ありがとうございます。電子メール署名を作成したいと思い、1pxがロゴと水平線の間のギャップとして見つかった。シグネチャhttps://s30.postimg.org/51sitipzl/Gap.jpg このギャップを取り除きたいと思います。 –

はい、あなたはalign = "left"を試しましたか？ – Niqql

はい、2つのセル –

Outlookがセル画像に1ピクセル右に追加

答えて

関連する問題