2013年Outlook中的HTML电子邮件差距

约翰

我编写了一个简单的HTML电子邮件模板,该模板似乎可以在Outlook 2013中的所有电子邮件客户端中正常显示。我简化了代码以说明以下问题:

<!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" />

<title>K</title>
<style type="text/css">
   table {border-collapse: collapse;}
</style>
</head>
<body style="margin:0; background-color:#70b9b9; -webkit-text-size-adjust:none;">
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tbody>
<tr>
<td style="background:black;padding:0;"><img src="http://jl.evermight.net/outlook2013/pic.jpg" alt="" border="0" style="display:block; border:none;" /></td>
</tr>
</tbody></table>
</body>
</html>

此代码的问题在于,绿色和图像之间存在黑色间隙,我可以在此处显示该间隙:

在此处输入图片说明

那么,我如何摆脱这一空白呢?同样,这只是Outlook2013中的问题

约翰

您需要将图像中的填充和边距清零。即使可能是,您也应该至少设置图像的宽度width="100%"

这是我的基本图像设置:

<td>
  <img alt="" src="" width="" height="" style="margin: 0; border: 0; padding: 0; display: block;">
</td>

此外,Outlook的单元格不足19像素时也会出现问题,因此请确保图像足够高。

其他不相关的注释:

  • 摆脱<tbody>它在HTML电子邮件中没有任何作用
  • 更改background:black;background-color:#000000;,html电子邮件需要6位十六进制颜色

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

HTML电子邮件-Outlook 2013中图像之间的间隙

来自分类Dev

HTML电子邮件-Outlook条件格式

来自分类Dev

安排Outlook 2013中的电子邮件在每个星期初发送

来自分类Dev

Outlook中的HTML电子邮件:自动换行

来自分类Dev

使用Outlook 2013和C#编写电子邮件

来自分类Dev

使用Javascript在Microsoft Outlook中创建HTML电子邮件

来自分类Dev

HTML电子邮件格式在Outlook中不起作用

来自分类Dev

将HTML放入广告系列的Outlook电子邮件中

来自分类Dev

在Outlook中错误显示HTML电子邮件

来自分类Dev

2013年的HTML电子邮件:如何控制段落和图像等元素之间的间距?

来自分类Dev

如何在Outlook 2013中更改电子邮件摘要的字体?

来自分类Dev

如何使用Outlook 2013创建对电子邮件的注释?

来自分类Dev

通过选定的电子邮件组在Outlook 2013中创建联系人组

来自分类Dev

如何删除Outlook 2013的电子邮件回复中的>?

来自分类Dev

HTML电子邮件-Outlook 2013中图像之间的间隙

来自分类Dev

自定义Outlook 2013以避免电子邮件列表中的邮件内容

来自分类Dev

Outlook中的HTML响应式电子邮件宽度问题

来自分类Dev

如何在Outlook 2010/2013中从HTML电子邮件模板的答复中删除背景色

来自分类Dev

Outlook 2013如何在预览窗格中自定义电子邮件上方的按钮

来自分类Dev

在Outlook 2013中查看电子邮件的RAW消息源

来自分类Dev

VBA脚本可动态更改Outlook 2013传入电子邮件中的主题行

来自分类Dev

通过Outlook 2013发送HTML电子邮件

来自分类Dev

如何在Outlook 2013中永久删除大量电子邮件?

来自分类Dev

如何使用VBA更改MS Outlook 2013中的电子邮件类别?

来自分类Dev

在电子邮件中查找文本并删除Outlook 2013中之前的所有文本

来自分类Dev

重新接收Outlook中的电子邮件

来自分类Dev

HTML电子邮件:Outlook中的文本显示

来自分类Dev

如何让特殊的 HTML 代码在 Outlook 电子邮件中工作?

来自分类Dev

LinkButton 在 Outlook 中创建电子邮件

Related 相关文章

  1. 1

    HTML电子邮件-Outlook 2013中图像之间的间隙

  2. 2

    HTML电子邮件-Outlook条件格式

  3. 3

    安排Outlook 2013中的电子邮件在每个星期初发送

  4. 4

    Outlook中的HTML电子邮件:自动换行

  5. 5

    使用Outlook 2013和C#编写电子邮件

  6. 6

    使用Javascript在Microsoft Outlook中创建HTML电子邮件

  7. 7

    HTML电子邮件格式在Outlook中不起作用

  8. 8

    将HTML放入广告系列的Outlook电子邮件中

  9. 9

    在Outlook中错误显示HTML电子邮件

  10. 10

    2013年的HTML电子邮件:如何控制段落和图像等元素之间的间距?

  11. 11

    如何在Outlook 2013中更改电子邮件摘要的字体?

  12. 12

    如何使用Outlook 2013创建对电子邮件的注释?

  13. 13

    通过选定的电子邮件组在Outlook 2013中创建联系人组

  14. 14

    如何删除Outlook 2013的电子邮件回复中的>?

  15. 15

    HTML电子邮件-Outlook 2013中图像之间的间隙

  16. 16

    自定义Outlook 2013以避免电子邮件列表中的邮件内容

  17. 17

    Outlook中的HTML响应式电子邮件宽度问题

  18. 18

    如何在Outlook 2010/2013中从HTML电子邮件模板的答复中删除背景色

  19. 19

    Outlook 2013如何在预览窗格中自定义电子邮件上方的按钮

  20. 20

    在Outlook 2013中查看电子邮件的RAW消息源

  21. 21

    VBA脚本可动态更改Outlook 2013传入电子邮件中的主题行

  22. 22

    通过Outlook 2013发送HTML电子邮件

  23. 23

    如何在Outlook 2013中永久删除大量电子邮件?

  24. 24

    如何使用VBA更改MS Outlook 2013中的电子邮件类别?

  25. 25

    在电子邮件中查找文本并删除Outlook 2013中之前的所有文本

  26. 26

    重新接收Outlook中的电子邮件

  27. 27

    HTML电子邮件:Outlook中的文本显示

  28. 28

    如何让特殊的 HTML 代码在 Outlook 电子邮件中工作?

  29. 29

    LinkButton 在 Outlook 中创建电子邮件

热门标签

归档