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

Question

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

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

Я пробовал:

границы: крах; - дисплей: блок; (Картинки) - VALIGN = «сверху» - удаление пустого пространства между тегами - ПЕРЕЗАГРУЗКА таблицы полей, отступов и границ (это левый не выровнен мое содержание так большой нет нет)

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

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

Answer 1

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

Также установите желаемый 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. Установка цвета там не будет препятствовать появлению зазоров, но будет скрывать белые (или любые цвета) полоски/промежутки, созданные.