Cómo quitar el espacio entre imágenes : Email en HTML

Si te ha tocado diseñar un mensaje para enviar por email en HTML, seguramente te ha pasado que se crea un espacio entre las imágenes y se ven como separadas. Bueno, a nosotros también nos a pasado y aquí te vamos a explicar como hacer para quitar el espacio entre imágenes de tus campañas de email.

imagenes separadas en html

¿Cómo eliminar este espacio entre imágenes?

Basta añadir un  style=”display:block;” a las imágenes para evitar espacios debajo de ellas.

El código se ve mas o menos así:

<img src="http://www.x.com/logo.jpg" width="600" height="237" border="0" alt="Aqua Servicies, C.A." style="display:block;">

imagenes separadas en html

Otras recomendaciones complementarias;

  1. Siempre Incluir las dimensiones (height y width)
  2. Utilizar referencias absolutas y no relativas (usar src=”www.mipagina.com/imagenes/logo.gif” en lugar de src=”/imagenes/logo.gif“)
  3. Poner las imágenes en tablas

You May Also Like

Do NOT follow this link or you will be banned from the site!