#html-table #whitespace #html-email #outlook-2010
#html-таблица #пробел #html-электронная почта #outlook-2010
Вопрос:
Я создал HTML для маркетинга по электронной почте. Я разместил таблицу и наложил на нее рамку:
<table border="0" cellspacing="0" cellpadding="0" style="border:1px solid #982676; margin:0 16px;">
По какой-то причине я получаю 1 пиксель дополнительного пробела внутри, когда тестирую его в OUTLOOK 2010. Я вижу это вокруг изображений, выровненных по верху и слева, и я вижу это вокруг других ячеек, которые имеют сплошной цвет фона.
Смотрите изображение по этой ссылке:скриншот
Верхний треугольник сам по себе является изображением в ячейке. Нижний прямоугольник представляет собой ячейку с фоновым цветом. Предполагалось, что они будут придерживаться границы. Это повторяющаяся проблема. Кто-нибудь сталкивался с этой проблемой раньше?
Ответ №1:
Campaign Monitor предлагает действительно отличное решение для решения проблем такого типа. Просто добавьте этот код стиля к элементам таблицы. Приведенный ниже код решил мою проблему (такую же, как OP) в Outlook 2010
<table align="left" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;"> ... </table>
РЕДАКТИРОВАТЬ: Ссылки были заменены на wayback machine, поскольку оба исчезли. Я также включил GIF-изображение электронной почты в версии acid.
Если это не сработает, попробуйте это. http://www.emailonacid.com/blog/details/C13/removing_unwanted_spacing_or_gaps_between_tables_in_outlook_2007_2010
Ответ №2:
Я нашел это здесь: http://www.emailonacid.com/blog/details/C13/7_tips_and_tricks_regarding_margins_and_padding_in_html_emails
» Поля и отступы элементов таблицы в Outlook 2007 и 2010 могут вызывать проблемы
Если вы добавите свойства полей или отступов к элементу ТАБЛИЦЫ, это добавит те же поля и отступы к каждому вложенному TD в Outlook 2007 и 2010. Атрибуты Cellpadding и cellspacing безопасны, но лучше избегать полей CSS и заполнения внутри содержащего элемента таблицы. «
Поэтому я предполагаю, что причиной этого может быть ваше поле в таблице.Я не уверен.
Комментарии:
1. Большое вам спасибо за ваш ответ. Я провел другой тест, в котором у меня нет отступов или полей, и проблема сохраняется. Итак, я чувствую себя немного потерянным. Если у кого-нибудь есть другое предложение, я хотел бы его услышать. Спасибо!
Ответ №3:
На случай, если вы еще не нашли решение этой проблемы:
Убедитесь, что вы установили border="0" для этих изображений в ячейках таблицы.
Ответ №4:
Добавьте border-collapse:свернуть; к стилю таблицы.
Ответ №5:
Я решил эту проблему, перейдя в раздел свойств таблицы, а затем нажав «Параметры». Как только появится окно параметров, измените поля ячеек по умолчанию для левого и правого полей на 0″, а затем нажмите «ОК».
Ответ №6:
Для границ шириной 1 и 3 пикселя за правой границей остается пробел в 1 пиксель. Одним из решений этой (странной …) проблемы является «таблица-призрак» за текущей таблицей с шириной текущей таблицы минус 1 и границей 1. Например:
<!--[if mso]><table border="1" width="699">
<tr style="display:none;"><td>amp;nbsp;</td></tr>
</table><![endif]-->
Удачи…