NEWSLETTER CSS problemas con Hotmail,Gmail, etc...

sataca · #1 (**permalink**) 19/05/2005, 10:53

Hola,

estoy preparando unos newsletters, para mandar por mail. Contienen código HTML, algunas imágenes y una seri de estilos para los textos.

En Outlook va perfectamente, se ven las imáges y lo estilos en el texto. El problema está en los correos web tipo hotmail, gmail y demás, que no me interpreta los estilos.

El código de los estilos es este, está incluído en el head del código html que mando:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>TEST</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style>
A.equi:link {color: #000000; text-decoration: none; font-family : arial; font-weight : bold; font-size : 10px; }
A.equi:visited {color: #000000; text-decoration: none; font-family : arial; font-weight : bold; font-size : 10px; }
A.equi:hover {color: #FFFFFF; text-decoration: none; font-family : arial; font-weight : bold; font-size : 10px; }
A.equi:active {color: #000000; text-decoration: none; font-family : arial; font-weight : bold; font-size : 10px; }

.grisNormal{color: #666666; font-family : verdana; font-size : 14px; font-weight : bold; }
.negrosNormal{color: #000000; font-family : verdana; font-size : 14px; font-weight : bold; }
.destaNegro{color: #000000; font-family : verdana; font-size : 24px; font-weight : bold; }
.destaBlanco{color: #FFFFFF; font-family : verdana; font-size : 24px; font-weight : bold; }
.numeroNegro{color: #000000; font-family : verdana; font-size : 60px; font-weight : bold; }
.numeroBlanco{color: #FFFFFF; font-family : verdana; font-size : 60px; font-weight : bold; }
.tituloProd{color: #000000; font-family : verdana; font-size : 10px; font-weight : bold; }
.textoProd{color: #000000; font-family : verdana; font-size : 10px;}
.pvp{color: #999999; font-family : verdana; font-size : 10px; font-weight : bold; }
.precio{color: #000000; font-family : verdana; font-size : 18px; font-weight : bold; }
.euro{color: #999999; font-family : verdana; font-size : 12px; font-weight : bold; }
.textogris{color: #CCCCCC; font-family : verdana; font-size : 10px; font-weight : bold; }
.textoNEGRO{color: #000000; font-family : verdana; font-size : 10px; font-weight : bold; }
</style>
</head>

A alguien se le ocurre alguna solución para que se apliquen en los correos web??

Otra pregunta, he puesto en algunos <td> imágenes de fondo, que a la hora de imprimir no se visualizan. Hay forma de obligar a imprimir los fondos de celda??

Saludos

webosiris · #2 (**permalink**) 19/05/2005, 11:05

me estoy llendo de mi casa en este momento así que te respondo al vuelo

probá a poner los estilos en un archivo externo, no se si funcionará, pero hacer el intento no cuesta nada...

CORE · #3 (**permalink**) 19/05/2005, 13:15

Probaste quitando el DTD? no me hagas mucho caso pero prueba.

saludos

kemie · #4 (**permalink**) 20/05/2005, 02:38

muchos servicios de correo quitan todo lo que este antes de <body>, asi es que prueba poniendo tus estilos dentro del <body>, o usando estilos en linea (tipo style="xxx")

sataca · #5 (**permalink**) 20/05/2005, 04:23

Hola,

he probado vuestras sugerencias y no funciona.

He quitado el DTD y los mismo, y he puesto los tag de <style> dentro del body, y nada.

Me parece que lo tendré que hacer con imágenes. O se os ocurre algo más???

saludos

sataca · #6 (**permalink**) 20/05/2005, 04:34

Hola de nuevo, os he dicho una mentirijilla, sobre los correo web.

Con el <style> dentro del body, en hotmail si que se ve bien, pero en Gmail no!!

Que coño hace gmail, alguien lo sabe??

Voy a rizar el rizo, y lo probar con el correo yahoo.

saludos

nopersonalive · #7 (**permalink**) 27/01/2009, 21:18

Aqui te va la respuesta servidita en bandeja...

http://www.jairoblanco.com/html/codificacion-html-css-email_78/

webosiris · #8 (**permalink**) 28/01/2009, 07:22

Cita:

Iniciado por nopersonalive

Aqui te va la respuesta servidita en bandeja.../

hola, bienvenido al foro.
gracias por responder, pero después de casi 4 años, no creo que sataca siga intentando

Por cierto, la mejor referencia de sporte de css en email, es esta