Css + Email

lejm · #1 (**permalink**) 04/03/2008, 13:36

Hola a todos,

No soy especialista, mi primera pregunta es la siguiente:

¿Alguien me puede explicar si es posible de crear un e-mail utilizando tablas CSS y html?

Lo que quiero hacer es: enviar un e-mail INTERNO con un formato especial a mis colaboradores, que sea otro de las plantillas predetermindas de Outlook 2003.
y que tenga otro aspecto ...

Tengo codigo a disposción, os lo puedo enseñar, basicamente, es muy sencillo, el e-mail constaría de 2 o 3 tablas css o html.

Que es lo mejor ?

Gracias

webosiris · #2 (**permalink**) 04/03/2008, 16:22

si se puede (dependiendo de cuanto CSS quieras usar) Te dejo una interesante comparativa de los diferentes sistemas de correo y de hasta que grado soportan CSS

PD: bienvenido a los foros

lejm · #3 (**permalink**) 05/03/2008, 02:05

Gracias webosiris,

Envio a continuación el codigo de lo que me gustaría enviar, utilizando Outlook 2003, es muy sencillo.

Me gustaría aplicar una sombra a cada una de las tablas, con la comanda background color.

¿Sabes dónde tengo que insertar esa comanda?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html><head>
<title>Recuadro interno CSS</title>
<p>
<p>
<style type=text/css>
BODY{
font-family: arial, verdana, helvetica;
}
#tabla1{
border: 1px solid #1E679A;
width: 888px;
}
#cabtab1{
background-color: #1E679A;
FONT-SIZE: 22;
font-weight: bold;
color: #ffffff;
padding: 2 2 2 2px;
}
#cuerpotab1{
padding: 12 8 12 8px;
FONT-SIZE: 12;
background-color: #ffffcc;
}

#tabla2{
border: 1px solid #165480;
width: 888px;
}
#cabtab2{
background-color: #5fa6d7;
font-weight: bold;
FONT-SIZE: 12pt;
COLOR: #ffffff;
padding: 2 2 2 2px;
}
#cuerpotab2{
FONT-SIZE: 9pt;
padding: 12 8 12 8px;
background-color: #ffffcc;
}
</style>
</head>

<body>

<div id=tabla1>
<div id=cabtab1>
NUEVA ... DE NUESTRA EMPRESA
</div>
<div id=cuerpotab1>
Buenas tardes,<p>
Me complace informaros de ... ... ... .<P>

Los objetivos ... ,
... y oficinas.<P>

Cuento con vuestra colaboración ... .

</div>
</div>

<br>
<br>

<div id=tabla2>
<div id=cabtab2>
<i>RECORDATORIO: Nuevo horario de ...</i>
</div>
<div id=cuerpotab2>
Todos los ... a las ... .

</u></b>
</div>
</div>
</body></html>