У вас слишком много колпанов, что может вызвать проблемы. Вместо этого вы должны вставлять свои таблицы.
Я создал сотни писем и не имел никаких проблем с пробелами, вызванными возвратом строки в коде электронной почты. (Outlook 2007 - это первое, на что я проверяю мои письма)
Всегда полезно использовать display:block;
, а также хранить изображения самостоятельно <td>
.
попробовать что-то вроде этого, вместо:
<html>
<head>
<title>Ambassador Newsletter</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style>img {display:block}</style>
</head>
<!--REPLACE the following text with the path to the images on your server http://emaniocreative.com/eblasts/3_26_2013/ -->
<body style="margin: 0px; padding: 0px; background-color: #FFFFFF;" bgcolor="#FFFFFF"><table bgcolor="#ebebeb" 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 id="Table_01" width="650" border="0" cellpadding="0" cellspacing="0" bgcolor="#ffffff" style="border-collapse: collapse;">
<tr>
<td>
<!-- NEST A TABLE INSTEAD-->
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#770000">
<tr>
<td style="padding:20px;">
header
</td>
</tr>
</table>
<!-- /NEST-->
</td>
</tr>
<tr>
<td>
<!-- NEST A TABLE INSTEAD-->
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="padding:20px;">
Body section 1
</td>
</tr>
<tr>
<td style="padding:20px;">
Body section 2
</td>
</tr>
</table>
<!-- /NEST-->
</td>
</tr>
</table>
</td></tr></table></td></tr></table></body></html>
В моем примере я использовал отступы вместо ячеек для интервала.
Вам не потребуется пустая проставка. Используйте
в пустую ячейку, вместо этого, если вы предпочитаете не использовать отступы:
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#770000">
<tr>
<td height="20" colspan="3">
</td>
</tr>
<tr>
<td width="20">
</td>
<td width="610">
header
</td>
<td width="20">
</td>
</tr>
<tr>
<td height="20" colspan="3">
</td>
</tr>
</table>
На стороне записки, существует неизбежный вопрос с вертикальным разделением при пересылке из Outlook, в Gmail, например, (любезно MSO добавлены нормальные теги p), но для первого получателя проблем нет.
Благодарим вас за ваши предложения. Я попытался использовать display: inline-block удостоверился, что крах-коллапс: сбой; был набором свойств и даже вынул ВСЕ пробелы, чтобы быть уверенным, что http://pastebin.com/aeTBi9kw все еще получают эти пробелы, видимые на изображении http://tinypic.com/r/2gtdhu1/6, это головной скребок. Я оставил на дисплее: потому что это то, что помогает Gmail делать горизонтальные промежутки. – BMCwebdev