/ / Convalida modello e-mail - zurb-foundation, html-email

Convalida modello email - zurb-foundation, html-email

Sto inviando email transnazionali, io scarico amodello da Zurb Foundation ma il problema che questo modello non viene visualizzato correttamente come mi aspettavo. Ho convalidato l'HTML usando W3C ed è valido ma non viene mostrato correttamente.

Puoi dare un'occhiata al modello su http://52fluent.com/email.html

Il problema principale che la barra grigia è sempre tagliata come se non ci fosse uno stile che sia mai stato implementato

Come posso trovare il problema e quali strumenti usare

risposte:

1 per risposta № 1

Il problema è che il modello si basa su un link al foglio di stile CSS in http://52fluent.com/email.css:

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

Tale link non funziona nell'e-mail. È necessario copiare gli stili da quel file CSS su ciascuno degli elementi HTML appropriati nel modello, ad esempio:

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

Certo, ci sono strumenti per farlo automaticamente: ad esempio, una rapida ricerca su Google ha mostrato a Trasformatore in linea CSS. C'è anche una libreria Python chiamata premailer.