problema con backgrounfd image en plantilla de correo.

helacer · #1 (**permalink**) 11/01/2013, 14:25

Buenas tardes.

Tengo una plantilal de correo que al maquetarla colocaron unas imagenes de fondo de unos div a punta de css. Ejemplo:

Código:

#divinicial{
	background-image: url("../images/mail/aaaa.jpg");
	background-repeat: no-repeat;
	height: 238px;
	width: 274px;
}

pero cuando me llega al correo no se ve la imagen... mire el código fuente generado y el estilo queda sin url queda así!!

Código:

#divinicial{
	background-image: url();
	background-repeat: no-repeat;
	height: 238px;
	width: 274px;
}

Como puedo hacer para que me funcione. Hay algún estilo alternativo o que puedo hacer?

pzin · #2 (**permalink**) 11/01/2013, 15:00

Intenta embeberlo mediante style en el HTML.

helacer · #3 (**permalink**) 11/01/2013, 15:11

gracias ya habia hecho eso pero me pasa lo mismo.. existe otra solución?

pzin · #4 (**permalink**) 11/01/2013, 15:18

Ahora que me fijo, tienes que poner la ruta completa a la imagen, con su http://.

helacer · #5 (**permalink**) 11/01/2013, 15:37

también lo hice pero el correo me borra la url completa

pzin · #6 (**permalink**) 11/01/2013, 15:45

Qué cosa tan rara. ¿En qué servicio o cliente de correo te pasa? Nunca lo había visto.

helacer · #7 (**permalink**) 11/01/2013, 16:10

Eso me pasa en zimbra... y lo pruebo con hotmail y yahoo y las rutas si llegan pero no me muestra la imagen... no se que mas hacer.

chichote · #8 (**permalink**) 11/01/2013, 16:38

para los mailign debes trabajar directo sobre el elemento, debido a que los webmail te resetean y eliminan el style, si tienes una estructura del tipo html>header>body, muchos webmail te eliminan lo que va dentro del header, solo debes poner lo que va dentro de tu body, y con los estilos aplicados directo a los elementos, porque los bloques <style></style> te los elimina tambien.

la razon es muy simple, por ejemplo gmail privilegia sus estilos, y <head></head> ya es parte de gmail, entonces no puedes volver a cargarlo.

saludos.

pzin · #9 (**permalink**) 11/01/2013, 17:41

Cuando decía de embeberlo con style, me refería a la manera que comenta chicote, embeberlo en el elemento directamente:

Código HTML:

Ver original<table style="background: #000 url(http://...