Горизонтальный интервал между таблицами-обертками в электронной почте HTML - пробовал различные исправления

Question

Горизонтальный интервал между таблицами-обертками в электронной почте HTML - пробовал различные исправления

0

У меня есть горизонтальное пространство между двумя таблицами-обложками (только в некоторых клиентах, таких как Outlook, 2003, 2007, Gmail и некоторые другие - отлично работает для большинства клиентов) - ссылка на изображения:

http://jimharrison.co.uk/wp-content/uploads/2013/11/Untitled-1.jpg

Я пробовал:

граница: крах; - дисплей: блок; (на изображениях) - valign = "top" - удаление пробелов между тегами - сброс полей таблицы, отступов и границ (это выровняло мой контент таким большим, что нет)

Это вполне возможно, что исправление действительно очевидно... - ознакомьтесь с кодом и электронной почтой здесь:

http://jimharrison.co.uk/wp-content/uploads/2013/11/index.html

lejimmie 14 нояб. 2013, в 11:36

Источник

0

Почему вы используете таблицы вместо div?
Alex Guerrero 14 нояб. 2013, в 10:14
0

Никогда не используйте div в письмах. В любом случае, на данный момент: campaignmonitor.com/blog/post/3472/…
lejimmie 14 нояб. 2013, в 10:24

Теги:

html

css

email

newsletter

1 ответ

Ещё вопросы

Почему вы используете таблицы вместо div?
Никогда не используйте div в письмах. В любом случае, на данный момент: campaignmonitor.com/blog/post/3472/…

John · Accepted Answer · 2013-11-14T11-55-00.000Z

Поместите свой контент в строки таблицы, а не в стопку таблиц. Вы можете вложить их в эти строки таблицы, просто попробуйте избежать нескольких таблиц в одном и том же родительском элементе (сидящих рядом друг с другом в коде).

Кроме того, установите желаемый bgcolor в строке таблицы td, содержащей эти (теперь вложенные) таблицы.

<table width="600" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td bgcolor="#2f1d36">
      <table width="100%" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td>
            this is your purple table
          </td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td bgcolor="#d76118">
      <table width="100%" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td>
            this is your orange table
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>

Всегда рекомендуется установить цвет родительского элемента, поскольку такое расширение неизбежно, когда кто-то перенаправляет электронное письмо из Outlook. Установка цвета там не будет препятствовать появлению зазоров, но будет скрывать белые (или любые цвета) полоски/промежутки, созданные.

Вы абсолютно правы! Я думаю, что это исправит мою проблему РЕДАКТИРОВАТЬ: это сработало, большое спасибо