Я надсилаю транснаціональні електронні листи, я завантажую aшаблон від фундаменту Zurb, але проблема, що цей шаблон не відображається правильно, як я очікував. Я підтвердив HTML, використовуючи W3C, і це дійсно, але воно не відображається правильно.
Ви можете переглянути шаблон http://52fluent.com/email.html
Основна проблема, що сіра точка завжди обрізається так, як ніякого стилю, який так і не виконується
Як я можу знайти проблему і які інструменти використовувати
Відповіді:
1 для відповіді № 1Проблема полягає в тому, що шаблон спирається на таблицю стилів CSS на http://52fluent.com/email.css:
<link rel="stylesheet" type="text/css" href="http://52fluent.com/email.css" />
Така посилання не працює в електронній пошті. Вам потрібно скопіювати стилі з цього CSS-файлу на кожен з відповідних елементів HTML у шаблоні, наприклад:
<table class="head-wrap" bgcolor="#999999"
style="margin: 0; padding: 0; [...etc...]">
Звичайно, існують інструменти для автоматичного виконання таких дій: наприклад, швидкий пошук Google виявив CSS Inline Transformer. Також існує бібліотека Python premailer.