Emailing HTML: cómo quitar espacio entre imágenes
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?
¿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
- Incluir las dimensiones (height y width)
- Utilizar referencias absolutas y no relativas (usar src=”www.misitio.es/imagenes/logo.gif” en lugar de src=”/imagenes/logo.gif“)
- 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!
13 comentarios
jose
about 11 meses agoMuchas gracias me funciono :D
Responderalvaro hernandez
about 2 años agono me funciona, soy inexperto en html y he enviado un correo al email que ponéis mas arriba, espero respuesta gracias.
ResponderMarz
about 3 años agoMuy buen consejo... funciono bien, muchas gracias
ResponderNicole Moya
about 3 años agoHola, intento solucionar este problema pero no funciona . . . podrían ayudarme por favor.
ResponderDiana Castro
about 3 años agoMil 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.
ResponderCindy Andrea Chávez Z.
about 3 años agoHola Diana Las gracias a ti, por participar en nuestro blog :)
Responderjuan
about 3 años agohola 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
ResponderCindy Andrea Chávez Z.
about 3 años agoHola 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:
Responder...........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
Carlos
about 3 años agoeso no funciona
ResponderCindy Andrea Chávez Z.
about 3 años agoHola 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
ResponderEmpresa de Limpieza
about 4 años agoHola, gracias por la información, llevo dias mirando como hacerlo, GRACIAS!
ResponderRadu
about 4 años agoMuchas gracias
ResponderRoger García
about 7 años agoGracias.... te pasaste.... Saludos...
Responder