-4

Outlook と互換性のあるニュースレターを作成したい。Outlook クライアントでのみ、左側に大きなギャップが生じています。HTMLで書かれています。

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

4

2 に答える 2

0

Outlook、特に Outlook 2013 では、by:よりも高さ<td>が低いテーブル データ ( ) を指定する必要があります。例えば：12pxstyle="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 に答える