/ / Validación de plantilla de correo electrónico - zurb-foundation, html-email

Validación de plantilla de correo electrónico - zurb-foundation, html-email

Estoy enviando correos electrónicos transnacionales, descargo unplantilla de la base de Zurb, pero el problema es que esta plantilla no se muestra correctamente como esperaba. Validé el HTML usando W3C y es válido pero no se muestra correctamente.

Puede echar un vistazo a la plantilla en http://52fluent.com/email.html

El problema principal es que la barra gris hacia arriba siempre se recorta como si no hubiera un estilo que se haya implementado alguna vez

¿Cómo puedo encontrar el problema y qué herramientas puedo usar?

Respuestas

1 para la respuesta № 1

El problema es que la plantilla se basa en un enlace a la hoja de estilo CSS en http://52fluent.com/email.css:

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

Tal enlace no funciona en el correo electrónico. Debe copiar los estilos de ese archivo CSS en cada uno de los elementos HTML apropiados en la plantilla, por ejemplo:

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

Por supuesto, hay herramientas para hacerlo automáticamente: por ejemplo, una búsqueda rápida en Google dio como resultado un Transformador en línea CSS. También hay una biblioteca de Python llamada predicador.