Пробелы в HTML-письмах в Outlook 2013

Question

У меня проблема с пробелами в Outlook / Windows в html-письме, которые я не могу исправить. Это общая проблема, которую я знаю, и, возможно, что-то связанное с col span (судя по другим сообщениям). Я пробовал сделать несколько вещей, связанных с высотой строк (хотя высота здесь не является проблемой), и добавил стиль, специфичный для мс, но безрезультатно.

Вы можете увидеть код здесь: http://www.theindustryclub.co.uk/xmas/ticChristmasTemplate_card.html

и увидеть проблему здесь http://www.theindustryclub.co.uk/xmas/images/industryClubMailing.jpg

Он выглядит пристально во всех других клиентах и ​​почтовых веб-приложениях - просто надоедливый внешний вид 2013 потянул меня вниз и поставил меня в тупик. Буду благодарен за любые предложения / помощь.

Мартин

Answer 1

1. Убедитесь, что все ваши изображения встроены display:block;
2. Не используйте colspan или rowspan.. вместо этого используйте вложенные таблицы.
3. Задавать table, table td { border-collapse:collapse } в голове
4. Проверьте значения на вашем мобильном устройстве, чтобы увидеть, выталкивают ли они содержимое.

Вот шаблон, который вы можете найти полезным.