Emails y CSS

eXtreM3 #1 Dic '10

Buenos días! Estoy haciendo una aplicación en php que envíe emails masivamente. En su día me surgió el problema de que la propiedad background:url no cogen los gestores de correo. Algunas propiedades del css las cogía bien y otras pasaba directamente.

Si pongo una capa tal que así:

#miCapa {
border: 1px solid #000;
background: url(http://midominio.com/imagenes/fondo.png);
}

Luego en el email sí dibuja el borde negro pero no muestra la imagen de fondo. La rutá está bien porque tengo en la misma web una vista previa de cómo quedaría al enviarlo...

Hay alguna manera poder enviar un html full por correo??

eXtreM3 #2 Dic '10

LOL, solucionado. Los trucos principales son 2:

Maquetar con TABLAS
Embeder los estilos en las tablas (en los tr o en los td)

Es curioso que así funcione y con la manera "buena" no, en fin.

NickNack #3 Dic '10 :psyduck:

Si no donde los estabas metiendo? O.o

eXtreM3 #4 Dic '10

Estaba maquetando como lo hago habitualmente, con divs y clases. Pero como menciono en #1, creo que no hay manera de coger todas las propiedades del css para las divs, sin embargo para las tables sí que funcionan bien.

Me explico: si haces esto

.claseTabla{
background:url(http://blabla.com/images/imagen.png); // Probado con comillas dobles, comillas simples, y sin comillas
}

NO te muestra la imagen de fondo (y utilizando divs tampoco), sin embargo, si haces esto

SÍ lo muestra.

Ya he conseguido lo que quería hacer y funciona, así que bimbando xD :si:

EDITO PARA QUE NO HAYA LIOS: en el explorador por supuesto que se ve haciendolo de la manera habitual, o incluso aplicando clases a las tablas. Estoy hablando de enviar correos vía php ea

NeB1 #5 Dic '10

#4 en su día me pasaron cosas similares. Al final maqueté con divs igualmente, simplemente hice un diseño más simplista y más sencillo.

eXtreM3 #6 Dic '10

#5 estaba esperando que contestases en este hilo xD, a ver si traias la solución mágica o contabas tus anécdotas pasadas

NeB1 #7 Dic '10

ala xD lo cierto es que no hay truco pa esto, más que olvidarte de la mayoría de CSS's >.<

hay una web Reglas CSS para e-mails donde actualizan constantemente las reglas que permiten los diferentes clientes de correo, eso si que me ayudó un poco.

Usuarios habituales