Стиль таблицы border-outlook 2010 добавляет дополнительное пространство - PullRequest
7 голосов
/ 05 ноября 2011

Я создал HTML для маркетинга по электронной почте.Я поместил таблицу и применил к ней рамку:

<table border="0" cellspacing="0" cellpadding="0" style="border:1px solid #982676; margin:0 16px;">

По какой-то причине я получаю дополнительный пробел в 1 пиксель внутри при тестировании в OUTLOOK 2010. Я вижу его вокруг изображений, выровненныхсверху и слева, и я вижу его вокруг других ячеек, которые имеют сплошной цвет фона.

Смотрите изображение по этой ссылке: снимок экрана

Верхний треугольникизображение в клетке само по себе.Нижний прямоугольник - это ячейка с цветом фона.Это были предположения, чтобы придерживаться границы.Это повторяющаяся проблема.Кто-нибудь сталкивался с этой проблемой раньше?

Ответы [ 6 ]

9 голосов
/ 07 марта 2013

Campaign Monitor имеет действительно отличное решение о том, как решить этот тип проблемы. Просто добавьте этот код style к вашим элементам таблицы. Код ниже решил мою проблему (так же, как OP) в Outlook 2010

<table align="left" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;"> ... </table>

http://www.campaignmonitor.com/blog/post/3694/removing-spacing-from-around-tables-in-outlook-2007-and-2010

Если это не сработает, попробуйте это. http://www.emailonacid.com/blog/details/C13/removing_unwanted_spacing_or_gaps_between_tables_in_outlook_2007_2010

1 голос
/ 05 ноября 2011

Я нашел это здесь: http://www.emailonacid.com/blog/details/C13/7_tips_and_tricks_regarding_margins_and_padding_in_html_emails

"Поля и отступы элементов таблицы в Outlook 2007 и 2010 могут вызвать проблемы

Если вы добавите свойства поля или отступа в свой элемент TABLE, ондобавит одинаковые поля и отступы к каждому вложенному TD в Outlook 2007 и 2010. Атрибуты Cellpadding и cellspacing безопасны, но лучше избегать полей CSS и отступов в содержащем элементе TABLE. "

Так что я думаю, ваше полена столе может быть причиной этого. Я не уверен.

0 голосов
/ 07 апреля 2015

Я решил эту проблему, перейдя в раздел свойств таблицы, а затем щелкнув «Параметры».Как только появится окно параметров, измените поля по умолчанию для полей слева и справа на 0 ", а затем нажмите кнопку ОК.

0 голосов
/ 27 февраля 2015

Для границ шириной 1 и 3 пикселя правая граница имеет пространство в 1 пиксель позади. Одним из решений этой (странной ...) проблемы является «таблица-призрак» позади текущей таблицы, ширина текущей таблицы минус 1 и граница 1 Например:

<!--[if mso]><table border="1" width="699">
<tr style="display:none;"><td>&nbsp;</td></tr>
</table><![endif]-->

Подробнее: https://responsive.email/blog/s/1025987_Extra-space-behind-border-in-Outlook.html

Удачи ...

0 голосов
/ 15 апреля 2013

Добавить бордюр-коллапс: коллапс; к стилю таблицы.

0 голосов
/ 28 ноября 2011

Если вы еще не нашли решение этой проблемы:

Убедитесь, что вы установили border="0" для этих изображений в ячейках таблицы.

...