/ / Validação de modelos de e-mail - zurb-foundation, html-email

Validação de modelos de e-mail - zurb-foundation, html-email

Estou enviando e-mails transnacionais, faço o download de ummodelo da base Zurb, mas o problema que este modelo não está mostrando corretamente como eu esperava. Eu validei o HTML usando o W3C e ele é válido, mas não está sendo exibido corretamente.

Você pode dar uma olhada no modelo em http://52fluent.com/email.html

O principal problema é que a barra cinza é sempre aparada como se não houvesse um estilo que é implementado

Como posso encontrar o problema e quais ferramentas usar

Respostas:

1 para resposta № 1

O problema é que o modelo depende de um link para a folha de estilo CSS em http://52fluent.com/email.css:

<link rel="stylesheet" type="text/css" href="http://52fluent.com/email.css" />

Esse link não funciona no email. Você precisa copiar os estilos desse arquivo CSS para cada um dos elementos HTML apropriados no modelo, por exemplo:

<table class="head-wrap" bgcolor="#999999"
style="margin: 0; padding: 0; [...etc...]">

Claro, existem ferramentas para fazer isso automaticamente: por exemplo, uma pesquisa rápida no Google Transformador Inline CSS. Há também uma biblioteca em Python chamada premailer.