-4

我想创建一个与 Outlook 兼容的时事通讯。仅在 Outlook 客户端上，我在左侧有一个巨大的差距。它是用 HTML 编写的。

http://www.nikosdelig.com/eurasia-newsletter-russian.html

4

2 回答 2

0

在 Outlook，尤其是 Outlook 2013 中，您必须指定任何<td>高度低于12pxby: 的表数据 ( ) style="font-size: 1px; line-height: 1px;"。例如：

<td height="1" bgcolor="#000000" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
于 2013-03-25T13:44:05.737 回答
-1

我不会尝试调试，而是为您提供一个简化且稳定的框架供您使用。如您所见，您不需要代码中的大量额外内容，尤其是嵌套表和<tbody>标签。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title></title>
  <style type="text/css">           
    /* Client-specific Styles */
    #outlook a {padding:0;}
    body{width:100% !important; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; margin:0; padding:0;} /* force default font sizes */
    .ExternalClass {width:100%;} .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;} /* Hotmail */
    #backgroundTable {margin:0; padding:0; width:100% !important; line-height: 100% !important;}
    table td {border-collapse: collapse;}
  </style>
</head>
<body style="margin: 0px; padding: 0px; background-color: #FFFFFF;" bgcolor="#FFFFFF"><table bgcolor="#f1f1f1" width="100%" border="0" align="center" cellpadding="0" cellspacing="0"><tr><td><table width="600" border="0" align="center" cellpadding="0" cellspacing="0"><tr><td valign="top" style="padding-top:30px; padding-bottom:30px;">

<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
  <tr>
    <td width="150">
      LOGO
    </td>
    <td width="450" style="padding:20px;">
      HEADER TEXT
    </td>
  </tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
  <tr>
    <td width="150" valign="bottom">
      COLUMN
    </td>
    <td width="450" style="padding:20px;">
      BODY<br>
      ...<br>
      ...<br>
      ...<br>
      ...<br>

    </td>
  </tr>
</table>

</td></tr></table></td></tr></table></body></html>
于 2013-03-25T19:46:41.573 回答