RGPD

Tu opción para las cookies de esta página

Utilizamos cookies para personalizar nuestros anuncios y contenidos, medir la eficacia de nuestros anuncios y proporcionar una experiencia más segura. Al navegar por el sitio, aceptas el uso de cookies para recopilar información dentro y fuera de Maiify. Para obtener más información, consulta nuestra Política de cookies o ve a tus preferencias de cookies para configurarlas.

done Tu dirección ha sido guardada
close
error_outline Email inválido
close

Solicita una cita con un consultor

Vamos a hablar de:

- Tus retos de marketing

- Las funcionalidades que necesitas para cumplir tus objetivos

- El nivel de acompañamiento que esperas

Prueba ahora

Blog Mailify: Mailing a tu medida

Consejos para el envío de tu newsletter, actualidades de nuestro producto y todo sobre email marketing.

Emailing HTML: cómo quitar espacio entre imágenes

Emailing HTML: cómo quitar espacio entre imágenes

Únete a centenares de expertos del email marketing. Apúntate a la newsletter de Mailify:

Conviérte en maestro del emailing HTML

Te explicamos cómo quitar espacio dentro de tu emailing HTML

Hemos puesto dos imágenes, una bajo la otra, y el código se ve perfecto en el navegador. Pero al enviar una prueba del email con nuestra plantilla HTML se ve un espacio horrible. ¿Qué podemos hacer?

emailing html

Ejemplo de espacio negro entre imágenes descuadradas

¿Cómo eliminar ese espacio entre imágenes en el emailing HTML?

Hay que tener cuidado: un email no se desarrolla como una página web, por lo que el reto es grande. Hay que generar un código compatible con todos los buzones de correo electrónico. Cada uno interpreta el HTML y el CSS como quiere. En realidad, se parece bastante al desarrollo de páginas HTML… del 1998.

 

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

Entonces, el código saldrá así <img src=»» style=”display:block;”  height=»» width=»» border=»0″>

 

Otras recomendaciones complementarias para las imágenes de tu plantillas en emailing HTML

 

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

Otros consejos de HTML para mailing:
Aprende cómo crear código HTML para email sin errores con un par de ayudas y trucos útiles. También te recomendamos realizar siempre pruebas antes de enviar la campaña definitiva, puedes utilizar la funcionalidad de Mailify de vistas previas para generar de forma totalmente gratuita una previsualización de tu newsletter en varios buzones.

 

Y, como no, puedes usar como modelo nuestras plantillas HTML del catálogo: plantillas de newsletter.

Recuerda que las plantillas de Mailify son totalmente personalizables y que además, son responsive. Su diseño responsive te asegura que tu emailing se lea sin ningún tipo de problema en cualquier dispositivo.

¿A qué esperas? ¡Prueba Mailify y haz el emailing más potente!

emailing

13 comentarios

jose

about 4 meses ago

Muchas gracias me funciono :D

Responder

alvaro hernandez

about 2 años ago

no me funciona, soy inexperto en html y he enviado un correo al email que ponéis mas arriba, espero respuesta gracias.

Responder

Marz

about 2 años ago

Muy buen consejo... funciono bien, muchas gracias

Responder

Nicole Moya

about 2 años ago

Hola, intento solucionar este problema pero no funciona . . . podrían ayudarme por favor.

Responder

Diana Castro

about 2 años ago

Mil gracias! me sirvió perfecto, solo tuve que ajustar las comillas que a la primera no me las reconocía. Un abrazo y de nuevo gracias.

Responder

Cindy Andrea Chávez Z.

about 2 años ago

Hola Diana Las gracias a ti, por participar en nuestro blog :)

Responder

juan

about 2 años ago

hola como estan yo tengo el mismo problema pero no me soluciona. este es el codigo que tengo... me podrian ayudar porfavor: y la pagina para ver el resultado es esta: http://www.tukanopublicidad.com/JNJ/JNJ_renovacion_carne1/Renovacion_carne1.html

Responder

Cindy Andrea Chávez Z.

about 2 años ago

Hola Juan Tras revisar el código HTML de su página http://www.tukanopublicidad.com/JNJ/JNJ_renovacion_carne1/Renovacion_carne1.html El motivo por el cual probablemente no le funciona es porque la parte de las imágenes no está igual: Su código:
...........carnet-2_01.jpg" width="900" style="display: block;">
...........carnet-2_02.jpg" width="372,414" style="display: inline-block; margin: 0">
...........carnet-2_03.jpg" width="527,586" style="display:inline-block; margin: 0">
...........carnet-2_04.jpg" width="900" style="display: block; margin-top: 9">
...........carnet-2_05.jpg" width="900" style="display: block;">
Tal y como recomendamos en el artículo, el estilo se especificar antes de la “src=”, con “display:block” y con el valor “border=0” también. Saludos

Responder

Carlos

about 3 años ago

eso no funciona

Responder

Cindy Andrea Chávez Z.

about 3 años ago

Hola Carlos, si aún quieres que te ayudemos a quitar los espacios, puedes enviarnos un correo a ayuda@mailify.com. Te atenderemos a la brevedad posible. Saludos

Responder

Empresa de Limpieza

about 3 años ago

Hola, gracias por la información, llevo dias mirando como hacerlo, GRACIAS!

Responder

Radu

about 3 años ago

Muchas gracias

Responder

Roger García

about 6 años ago

Gracias.... te pasaste.... Saludos...

Responder

Deja un comentario


Solicita una cita con un consultor

Vamos a hablar de:

- Tus retos de marketing

- Las funcionalidades que necesitas para cumplir tus objetivos

- El nivel de acompañamiento que esperas

Prueba ahora