A la hora de maquetar una newsletter lo primero es hacerse con una buena chuleta sobre el soporte CSS de los clientes de correo. Una bastante buena y completa sería esta: Guide to CSS support in email clients (2008)

Si echáis un vistazo veréis que juntando todas las limitaciones CSS de cada cliente los recursos que nos quedan son bastante escasos. Debido a esto al maquetar tendremos que dejar a un lado la accesibilidad si queremos que la newsletter se visualice correctamente en todos los clientes

Debido a lo comentado anteriormente podéis suponer lo coñazo que resulta maquetar una newsletter, así que os dejo a continuación un par de consejos para conseguir visulizarla correctamente a la primera sin tener que realizar infinidad de pruebas.

• Maquetar la newsletter mediante tablas utilizando estas y sus celdas a modo de contenedores
• Insertar todas las imágenes con URL absolutas (http://www.tuweb.com/im/tu-img.jpg)
• Meter los estilos en línea ya que hotmail y GMAIL crean sus propios Ids
• Insertar las imágenes como HTML y no como fondos por CSS ya que outlook 2007 no los reconoce
• No insertar DTD ni SEO
• No utilizar width ni height como propiedad css sino como HTML (Ej. <table width=”200″ height=300>)
• Para alinear las tablas y sus celdas utilizar align y valign
• No utilizar márgenes

• Puedes seguir cualquier respuesta a esta entrada mediante la fuente RSS 2.0.
• Puedes dejar un comentario o enviar un trackback desde tu propio sitio.