Outbook

HTML+CSS+JS, Accesibilidad, PHP y más

Datos de búsqueda

Maquetación con HTML+CSS de newsletters y mensajes de correo

Maquetación

Viendo las limitaciones que imponen los diferentes webmail se puede llegar a la conclusión que hay determinados elementos HTML que no deberán utilizarse para evitar inconvenientes:

  • Encabezados: ‘H1’-‘H6’
  • Párrafos: ‘P’
  • Listados: ‘UL’, ‘OL’, ‘LI’, ‘DL’, ‘DT’, ‘DD’
  • Capas: ‘DIV’
  • Y otros elementos de bloque.

Los elementos anteriormente mencionados no deberán utilizarse debido a que:

  • El navegador suele darles estilos de margen y relleno de forma predeterminada. Si el webmail quita la propiedad de margen que se les haya asignado se pierde el control sobre el estilo del elemento.
  • No se pueden flotar elementos ni darles anchos (salvo los elementos que admitan atributo ‘width’).
  • No se pueden asignar imágenes de fondo, ni por HTML ni por CSS.

Todo ello impedirá realizar una maquetación con capas, separando presentación y contenido.

La solución pasa por maquetar con tablas y utilizar atributos HTML siempre que sea posible para asignar estilos (aunque suponga mezclar presentación con el contenido), y si no es posible, el atributo style (evitando las características susceptibles de ser eliminadas o no soportadas).

Ver más:

Compartir este artículo:

  • Compartir en del.icio.us
  • Compartir en Technorati
  • Añadir a Google Bookmarks

Datos del artículo:

Comentarios de la página

Puedes comentar o hacer trackback desde tu propio sitio web.

Si el comentario no guarda relación con el tema del artículo o los comentarios previos, si la redacción del mismo es ilegible (estilo HOYGAN), o si contiene insultos u otros términos ofensivos, será borrado de inmediato. No se garantiza ningún soporte a los ejemplos de desarrollo web presentados en este sitio.

Todavía no hay comentarios.

Hacer un comentario

Información del sitio