Psychotik

solucionando marrones desde 2003

Gmail, asegurar una buena visualización de tu mailing

Pertenece a  Tips rápidos  el 27 octubre
Fallo visual de mailing en gmail

Si sois de los que preparáis newsletters o plantillas para e-mails de empresa, firmas que lleven imágenes… quizá os encontréis que hay gestores de correo, como Gmail, que os deja una separación automática alrededor de cada imagen, lo cual seguramente no cuadre con nuestro diseño, donde muchas veces una imagen deba estar partida en varios trozos o simplemente ya le estemos dando nosotros una espacio o borde concretos.

La solución

/* Se puede aplicar el estilo en la etiqueta ‹style› del ‹head› */
img{
   display:block;
}
/* O añadirlo directamente a cada etiqueta ‹img› */
‹img src="tusabraslarutade/tufoto.jpg" style="display:block;" /›

¡Mano de santo oiga!

* Sí, voy de frente, os estoy colando publicidad de nuestro querido Brainy :D


Volver atrás

Una respuesta a “Gmail, asegurar una buena visualización de tu mailing”

  1. Edgar Gutierrez (G3Kdigital) dice:

    Muy bueno tus tips, sabes yo aparte agrego a los ‹a› un display: inline-block o block dependiendo de lo que quiero hacer, además de un line-height: 0; para evitar esos espacios pero en outlook.

    Y ya que estamos para hacer publicidad, aunque más que eso es por hacer comunidad y recibir retroalimentación, aquí un link del código de experimentos y diseños para mailing que he realizado:

    http://codepen.io/collection/DEBBpA/

    Para que se inspiren o copien código :)

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

¡Lo está petando!

Volver arriba
Utilizamos cookies para garantizar que tu experiencia en Psychotik sea la mejor posible
Saber más sobre nuestras galletitas »