Gmail Игнорировать ширину и стили таблиц электронной почты в формате HTML - PullRequest
0 голосов
/ 28 октября 2019

Итак, я увидел кучу постов о том, как gmail обрабатывает html-письма ... Я увидел, что мне нужно использовать встроенные стили, а также увидел пост об использовании пробелов после ";"и ":" в моих встроенных стилях ... но я все еще сталкиваюсь с проблемами. Моя проблема в том, что я определяю ширину ячеек таблицы (30-70), но моя таблица все еще не показывает правильную ширину (больше похоже на 90-10 в gmail). В основном это проблема gmail - стили по-прежнему отображаются в других почтовых клиентах. Я сделал домашнее задание, но не могу найти решения ...

Стилизация электронной почты HTML для Gmail

Ширина ячейки таблицы в электронной почте HTML нене соответствует ширине, установленной в HTML или CSS

Ниже описано, как я создаю сообщение для формы (в PHP) ... обратите внимание на width = "30%" и встроенные стили (width: 30%). Тем не менее, это игнорируется в Gmail. Ниже приведен фрагмент кода ...

$to_email[] = "<TABLE style=\"font-size: 90%; \">";
        $to_email[] = "<TR>";
            $to_email[] = "<TD width=\"30%\" style=\"width: 30%; \">Column 1</TD>";
            $to_email[] = "<TD width=\"70%\" style=\"width: 70%; \">Column 2</TD>"; 
        $to_email[] = "</TR>"; // Then more code to finish the page

Когда я смотрю на страницу в Google, левая ширина выглядит как около 90%, а правая около 10%. Примечание. В письме нет изображений, которые бы увеличивали ширину.

Когда я "проверяю элемент" и просматриваю код в google, чтобы увидеть письмо, код выглядит следующим образом ...

<table><tbody><tr><td>Column 1</td><td>Column2></td></tr>
<!-- ... etc. -->

Кто-нибудь знает, что не так? Как я уже говорил, стили и все остальное отображается в других почтовых клиентах, поэтому форма работает нормально. Это просто gmail ...

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

Дайте мне знать. Спасибо.

1 Ответ

0 голосов
/ 30 октября 2019

Не удалось найти хороший ответ, поэтому я полностью реструктурировал форму, используя новые заголовки, и теперь форма работает в Google. Итак, проверьте ваши заголовки ...

...