Armar un maldito imeil

[AlZuwaga]

Demoños, cómo cuesta armar un mail estilizado con CSS y se pueda ver en distintos clientes masomenos de la misma manera.
No sólo tenés los clientes de correo, sino además los diferentes navegadores y los distintos preveedores de mail.
Gmail muestra una cosa, hotmail otra y yahoo otra. Y sólo lo probé en estos 3 por ser los más populares (creo yo)

Clientes de correo probé sólo 2:
- Outlook Express es el que mejor lo muestra. Casi idéntico a visualizar ese HTML en IE/FF
- Lotus Notes es un desastre!

Y eso que no usé ningún selector o clase... todos estilos inline. O sea que SI o SI deberían respetarlos... pero no :(

Este post no es tanto como para solicitar ayuda, sino para desahogarme un poco y compartir esta frustración con los amiguitos forales :)

Tengo un par de capturas de pantallas. Luego las subo y coloco los enlaces.

[braulito]

Aquí tienes una pequeña Guía de Soporte de CSS en el correo electrónico, en esos cuadros te puedes dar una idea mas o menos de que etiquetas o elementos soportan los distintos clientes de correo o web.

[AlZuwaga]

Ufff... haber conocido esa guía antes!

Estas son las capturas de pantalla:

ff-gmail


ie-gmail




ff-hotmail


ie-hotmail




ff-yahoo


ie-yahoo





LotusNotes (1)


LotusNotes (2)




OE:



Y bueno... por lo menos es legible en LotusNotes... Lo que harés será colocar la barra de navegación a la izqierda en vez de la derecha... así sale abajo de todo en LN en vez de arriba.

EDIT: La guía dice que hotmail acepta background-image... pero ni en FF ni en IE se muestran las imágenes de fondo

[braulito]

Bueno, yo voy a lo simple... cuando me tocó hacer estos diseños, traté de hacerlos con la mayor simplicidad posible, asi no me lío con los clientes de correo sean cuales sean,

[AlZuwaga]

Si, pasa que el cliente lo pide... Yo le propuse armar un email en texto plano. Pero quería algo con un mínimo de diseño.

Antes el flaco armaba el email con el word... imaginate como lo leían algunos (si se podía leer). Ahora le estoy armando un formulario para que copie y pegue los datos y se le genere el html que luego usará para el spa... ehh... para el boletín de información :)

[elquique]

braulito que buena que esta la guia :)

[braulito]

Se va para las FAQ's :)