J'envoie des emails transnationaux, je télécharge untemplate de Zurb Foundation mais le problème que ce modèle ne montre pas correctement comme je l’espérais. J'ai validé le HTML en utilisant W3C et il est valide mais il ne s'affiche pas correctement.
Vous pouvez regarder le modèle sur http://52fluent.com/email.html
Le problème principal est que la barre grise est toujours coupée comme s'il n'y avait pas de style.
Comment puis-je trouver le problème et quels outils utiliser?
Réponses:
1 pour la réponse № 1Le problème est que le modèle repose sur un lien vers la feuille de style CSS à http://52fluent.com/email.css:
<link rel="stylesheet" type="text/css" href="http://52fluent.com/email.css" />
Un tel lien ne fonctionne pas dans le courrier électronique. Vous devez copier les styles de ce fichier CSS sur chacun des éléments HTML appropriés du modèle, par exemple:
<table class="head-wrap" bgcolor="#999999"
style="margin: 0; padding: 0; [...etc...]">
Bien sûr, il existe des outils pour le faire automatiquement: par exemple, une recherche rapide sur Google Transformateur en ligne CSS. Il existe également une bibliothèque Python appelée premailer.