Техническое задание: Исправление верстки email-рассылок

Цель проекта

Исправить четыре готовых HTML-макета email-писем для их безупречного и единообразного отображения в популярных почтовых клиентах и веб-интерфейсах, включая Gmail, Outlook, Apple Mail, Яндекс.Почту и Mail.ru.

Основные проблемы в текущих макетах

  • Некорректное отображение фоновых изображений (фонов)
  • Наличие белых полос по краям писем
  • Конфликтующие или неработающие стили
  • Некорректная ширина контейнеров и элементов
  • «Сломанные» или неотображающиеся границы элементов
  • Наличие лишних технических элементов (пустые ячейки, строки таблиц)
  • Нестандартные или отсутствующие заголовки
  • Наличие черного фона, который необходимо убрать
  • Прочие визуальные и технические недочеты

Задачи для исполнителя

  1. Унификация фонов: Привести все фоновые изображения и цвета к единому, предсказуемому поведению во всех клиентах.
  2. Исправление ширины: Привести логику расчета ширины всех контейнеров к единому стандарту, чтобы письмо растягивалось на всю доступную ширину.
  3. Кроссплатформенная адаптация: Обеспечить идентичное отображение в указанных почтовых сервисах и клиентах (Gmail, Outlook, Apple Mail, Яндекс, Mail.ru).
  4. Очистка кода: Удалить пустые и служебные табличные ячейки/строки, не несущие смысловой нагрузки.
  5. Визуальные правки: Исправить или заменить неработающие границы (borders). Убрать черный фон. Добавить корректные семантические заголовки.
  6. Общая оптимизация: Исправить неверные значения атрибутов, разрешить конфликты стилей, устранить прочие недочеты, мешающие корректному отображению.

Требования к результату

  • 4 исправленных HTML-файла с валидной версткой для email.
  • Письма должны отображаться без белых полос по бокам.
  • Фон (подложка) должен занимать всю ширину письма в каждом клиенте.
  • Верстка должна быть стабильной и предсказуемой.