14

Outlook 2013 の試用版で、HTML メールの画像が非常に奇妙に表示されます。テストで把握できる限り、高さが 20 ピクセル未満の画像には、高さが 20 ピクセルになるようにパディングが追加されているようです。それを変えるために私にできることはありますか？これらの電子メールは、Outlook 2010 と、私がテストした他のすべての場所で問題なく表示されます。

それらが含まれているテーブルセルの高さ（およびインラインcssを介しheight="13"て）、およびそれらが含まれているテーブルとテーブル行を変更しようとしましたが、すべて役に立ちませんでした。次のコードは、この問題を引き起こす単純な例です。画像の上にセルの赤い背景が表示されます。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<table border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="195" style="background-color:#ff0000;"><img src="image url here" alt="" width="195" height="13" style="display: block" /></td>
  </tr>
</table>
</body>
</html>

誰でも助けることができますか？

4

4 に答える 4

20

タグにline-heightスタイルを追加します (適切な方法として、属性もタグに追加します)。tdheighttd

<table border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="195" height="13" style="background-color:#ff0000; line-height:13px;">
      <img src="..." alt="" width="195" height="13" style="display:block;" />
    </td>
  </tr>
</table>

変更されたコードは、すべてのバージョンの Outlook の Litmus で正常にテストされました。

于 2012-08-18T15:54:46.327 に答える
0

セルのパディングを削除すると、赤い背景が表示されなくなります。

于 2012-08-10T12:01:13.080 に答える
0

<font size="1"><img /></font>追加しても問題を解決できることがわかりました。

于 2014-03-11T18:13:28.140 に答える
-1

style="display:block;"任意のイメージ タグ に追加 します。<img src="/img/s.gif" width="1" height="1" alt="" style="display:block;">

これにより、余分なパディングが削除されます。

于 2013-01-10T00:11:04.973 に答える