Проблемы с изображениями в электронных письмах HTML - PullRequest
Новая
       16

Проблемы с изображениями в электронных письмах HTML

0 голосов
/ 08 октября 2010

У меня проблемы с созданием электронной почты в формате HTML.В настоящее время я преобразовал всю электронную почту в таблицу из 8 строк в следующем порядке:

  1. Заголовок (изображение)
  2. Поле даты
  3. Поле содержимого
  4. Основа содержимого (нижнее округленное изображение)
  5. Верхний колонтитул (верхнее округленное изображение)
  6. Нижний колонтитул
  7. Нижний колонтитул (нижнее округленное изображение)

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

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

Изображения добавляются в соответствии с тегом <img>, и я думаю, что происходит то, что они помещают интервал между краем поля и изображением ипоскольку остальная часть таблицы зависит от ширины самой большой, она выталкивает другие на пару пикселей.Я изо всех сил пытаюсь найти решение этой проблемы, я пробовал много разных вещей, таких как минус поля на изображениях и таблицах.Кто-нибудь может предложить какие-либо решения для этого?

Изображение ниже демонстрирует этот "шаг" и, хотя и незначительный, при экспорте в внешний вид, кажется, удваивается.Изображение начинается над строкой «Hydref 2010» -

alt text

ОБНОВЛЕНИЕ: я использовал команды cellspacing и cellpadding и уменьшил их до 0, что исправило отображение в браузере, но вOutlook, это то же самое

1 Ответ

2 голосов
/ 08 октября 2010

Письма в формате HTML всегда немного "fuuuuuuuuuuuuuuuuuuuuuuuu", и я чувствую себя подавленным.

Вы выбрали правильный подход к использованию таблиц, и у вас есть проблема, с которой я сталкивался раньше, но я не помню, как я это исправил.

Вы пытались сжать столбцы в один ряд разметки: 

<td>
    <img>
</td>

в 

<td><img></td>

IE и слово ужасны для разрыва пробела.

Если это не удастся, вы всегда можете разделить столбцы, поэтому у вас есть разделитель по обе стороны от заголовка и столбец на основных изображениях?

...