Проблемы с изображениями на HTML-письмах

Question

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

1. Header (изображение)
2. Дата Поле
3. Содержимое поля
4. Content Base (округленно нижнее изображение)
5. нижнего колонтитула верхнего (округленно верхнее изображение)
6. нижнего колонтитула
7. нижнего колонтитула Основание (округленно нижнее изображение)

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

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

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

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

UPDATE: Я использовал команды CELLSPACING и CELLPADDING и свели их к 0, что фиксированный дисплей в браузере, но и в Outlook, это же

Answer 1

HTML Письма всегда немного «fuuuuuuuuuuuuuuuuuuuuuuuuuu», и оставьте меня в смятении.

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

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

<td> 
    <img> 
</td> 

в

<td><img></td> 

IE и слово страшны для раздирающий пропуски.

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