maquetación de de html con css para mailing

capagris · #1 (**permalink**) 04/07/2007, 07:40

Muy buenas.

Estoy maquetando una página utilizando xhtml y css (no utilizo ninguna tabla)

Un compañero de trabajo me comenta que aparte de tener que poner rutal absolutas para las imágenes y demás hay que colorcar el css en el head del html ya que si vinculo la pagina html con un archivo externo algunas cuentas de correo web mail como gmail o hotmail no lo van a visualizar bien.

¿Alguien sabe algo sobre este tema?

muchas gracias de antemano.

Saludos.

pablinff · #2 (**permalink**) 04/07/2007, 16:05

Simplemente te armas una página .html de lo que querés enviar por correo, y los estilos como bien dijo tu amigo no los pones en un archivo.css, sino que los tenés que poner entre los tags <head> y </head> de la siguiente manera:

Código:

<html>
<head>
<title>El titulo de la pagina</title>
<style type="text/css">
acá ponés todos los estilos como pondrías en tu archivo.css
</style>
</head>
<body>
Lo de las rutas absolutas sería así:
<img src="www.tuweb.com/imagenes/tu_imagen.png" alt="nombre alternativo" />
</body>
</html>

Espero que te haya sido de ayuda.
Saludos!

:.SMITEXX.: · #3 (**permalink**) 05/07/2007, 02:30

Te recomiendo hagas pruebas, pues por o general, lo que he hecho es describir toda la clase en la etiqueta que corresponde, pues algunos correos botan los css que están en el head. Ten en cuenta que un envío de un e-mail no es solo hacer un html y enviarlo.

Un ejemplo:
<body class="aca pones los atributos del boy con su clase">
<p class="aca pondrias los de un texto"> bla bla bla</p>
</body>

Ojalá te sea útil.

¿Con qué programa piensas hacer el envío del email?

Buixi · #4 (**permalink**) 06/07/2007, 08:50

Hola capagris,

una recomendación personal, si quieres evitar volverte loco en medida de lo posible, maqueta el mail con tablas y atributos html "deprecateds". Es decir, tablas de toda la vida con align=center y demás cosas. Ya se que hoy día daña a la vista, pero con css tendrás problemas al visualizar los correos en muchos sitios.

En lo de las rutas absolutas, 100% de acuerdo. Hay otras maneras, pero esta es del todo efectiva y mucho más sencilla.

Un saludo.