Problema con mailing en MailChimp y Dreamweaver
10 seguidores
Hola a todos!
A ver, no soy una experta en esto del mailing y los códigos html, pero después de algunas horas he creado en Dreamweaver el diseño sin problemas.
Todas las imagenes están subidas a un host, etc. Todo en la previsualización desde Dw, en cualquier navegador, está perfecto, incluso en la de MailChimp. El problema está cuando lo envio: las imágenes me aparecen separadas aproximadamente por 5px.
Como ya he dicho, no entiendo mucho de html, así que me cuesta saber donde está el error.
Os agradecería cualquier consejo, gracias de antemano!
miguelssc
aquí explican muy bien los pasos, a mí me ha salvado el culo!
http://luiscanada.com/blog/crear-newsletters-compatibles-con-gmail-hotmail/
josephquenta
Hola!, Aquí hay otra opción. Tu puedes maquetar tu mailing correctamente en HTML sin necesidad de usar tablas, y convertir tu codigo con esta herramienta:
http://beaker.mailchimp.com/inline-css
Asi obtendras el codigo mas correcto para enviarlo por mailing.
OJO: Tambien he visto esta opción en el mismo mailchimp, que te convierte tu código para que todo este "en linea".
Saludos!.
samuelvgm
Emails siempre maquetados con tablas HTML y estilos en línea.
Para los emails hay que maquetar como no se debe hacer en web.
lamanodelcaos
Una consulta que tengo acerca de los newletters echos con html, seria correcto trabajar con <div>?
porque me ha pasado lo mismo, que se em previsualiza todo correcto, però al enviarlo por mailchump, todo descuadrado. Agradeceria cualquier sugerencia del la estrucutra del còdigo.
Muchas gracias de antemano!
luiggi
Puede que la solucion seria empezar la creación de la tabla así!
<table cellpadding="0" cellspacing="0" border="0">
esos cellpadding y cellspacing son los que a veces hacen perder los nervios!
Web: http://www.grafik-oh.com
Twitter: @ElTruxi
marco_sansa
hola,
el display block en principio sirve para solucionar las imagenes con espacios en hotmail y gmail... Yo lo añado siempre porque creo que no va a hacer daño : ) de todas forma... pero creo que en su caso es problema de cellpadding y cellspacing que faltan..
piglesias
Hola,
escribí un post en su día sobre lo que creo que es lo que te pasa.
El "display:block;" es mano de santo normalmente (cuando es necesario), pero si estás montando una imagen partida en varios trozos en una tabla, es importante que esta tenga también los atributos border="0", cellpadding="0", cellspacing="0" y la regla de estilo border-collapse:collapse;
Juanmanuelalcon.com
Hola Chio,
tienes que añadir a todas las imagenes el estilo 'display:block'.
Te dejo una guía sobre la correcta maquetación de newsletters y otro enlace con los estilos css soportados por los lectores de email más comunes, estos enlaces son casi la biblia en verso ; )
Maquetación Newsletters:
http://www.campaignmonitor.com/design-guidelines/
CSS válidos newsletters:
http://www.campaignmonitor.com/css/
Un saludo a todos!
marco_sansa
HOla,
has probado a añadir un padding 0 ???
Si puedes prueba también con display:block aunque eso sirve en otro caso....
Chio Romero
jsoft
Gracias jsoft! Voy a probarlo y a ver que pasa :)
jsoft
Hola
El problema viene de los motores de renderizado que utilizan los clientes de correo, que cada uno hace lo que quiere...
Lo que comentas de las imagenes,si el espacio que dices te sale en la parte inferior de las imágenes, prueba a ver si puedes poner el código en una sola linea, eliminando todos los espacios en el código.
Por ejemplo, si maquetas con tablas:
<td><img src="loquesea"/></td>No sé si me explico, el problema viene del renderizado del motor al mostrar las imagenes.