Newsletter que se vean bien en los correos web de gmail y hotmail

[juanolo]

Estoy intentando hacer newsletters como se tienen que hacer, a la vieja usanza, con tablas e incluso etiquetas <font> sin utilizar ningun estilo ni nada.

Se ve bien en los clientes de correo tipo Outlook...

pero en los webmail de hotmail y gmail se ven mal, me hacen saltos de linea y mete clases CSS nuevas entre medias como class="MsoNormal" alterando el diseño.

¿No hay alguna manera de eliminar esos class="MsoNormal" o evitar que los meta?
No se, ¿poniendo algo en la cabecera? No entiendo por que los webmail te meten esa basura a parte de span y otras etiquetas.

Los newsletter los mando con una aplicación php que lo manda limpio, no como Outlook 2010 que tambien te mete algo de basura en segun que emails.

[juanmamig]

Que tal. Estrictamente con el MSNormal nunca me pasó.
En mi caso particular lo que hice para una par de newsletter y me funcionó es dentro de la tabla general, estructurar los datos con etiquetas div. Osea, una tabla como contenedor y dentro etiquetas div.

Cuando era al revés, hotmail no me leía los atributos de los divs, sin embargo de esta otra manera me resultó. Tanto para gmail como hotmail.

Nose si ayuda... sino mandá algo de código a ver si se puede hacer algo... Saludos!

[C2am]

En realidad puedes usar estilos pero embebido/inserto/inline dentro del código:

Código HTML:

<p style="color:white;background-color:white;">TEXTO INVISIBLELY</p>
 

De todas formas, habrá algunas sutiles diferencias, y otras no tan sutiles, de acuerdo al cliente de correo que se use.

Pero, sí, la técnica es a la antigua usanza.
Saludos

[doctype]

Busca en Google "free html email templates"

http://www.campaignmonitor.com/templates/all/

Si queres hacer tu propio diseño, te recomiendo que pruebes emailonacid, es una aplicacion que te tira pantallazos reales de como se ve tu mail en diferentes plataformas: Gmail, outlook hotmail, outlook 2003, 2007, 2010, android, iphone, ipad, ipad gmail y muchas mas..

Saludos!