código para mailing

ingridstudio · #1 (**permalink**) 29/11/2011, 03:43

Hola buenos días, alguien me podría ayudar a validar si éste código es correcto para usarlo en un mailing que estoy haciendo? es un mail sencillo, pero en dreamweaver al validar el documento me da dos errores:

1. En la etiqueta img faltan los siguientes atributos obligatorios alt[XHTML 1.0 de transición]
2. Error de anidación, "img" debe cerrarse antes de cerrar "td"

Y este es el codigo:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Campaign Monitor Newsletter</title>
</head>
<body>

<table cellpadding="0" cellspacing="0" align="center" bgcolor="#ffffff">
<tr><td height="20" > </td></tr>
<tr><td align="right" valign="top" height="20" bgcolor="#ffffff" style="font-size:10px;color:#737373;font-family:Arial, Helvetica, sans-serif">Si no ves bien este mensaje haz clic <a href="#">aquí</a>.</td>
</tr>

<tr><td width="500" height="76" align="center" colspan="6"><a href="#"><img border="0" width="500" height="440" src="images/imagesoks.jpg"></a></td></tr>
<tr>
<td width="500" bgcolor="#550100" height="80" valign="middle" style="font-size:50px; font-family:Arial, Helvetica, sans-serif; color:#FFF; text-align:center; text-decoration:none;">
<strong>Feliz Cumpleaños</strong></td></tr>
<tr><td height="10" bgcolor="#990000"></td></tr>
<tr><td width="500" height="125" align="center" valign="middle" bgcolor="#990000" style="font-size:32px; font-family:Arial, Helvetica, sans-serif; line-height: 30px; color:#FFF; text-align:center; text-decoration:none;">
<strong>1.000 Frigomillas de regalo</strong>
<p style="font-size:15px; margin-left:30px; margin-right:30px;font-family:Arial, Helvetica, sans-serif;line-height:110%; color:#FFF">Hemos ingresado 1.000 Frigomillas de regalo en tu cuenta de Fórmula Frigo, para celebrar tu aniversario. <strong>Felicidades.</strong></p></td>
</tr>
</table>
</body>
</html>

charlyalegret · #2 (**permalink**) 29/11/2011, 08:11

Pues justo lo que te dice:
- añade las etiquetas de alt en las imágenes (es decir, texto alternativo a mostrar si la imagen no se muestra, o bien lo que se usa en casos de accesibilidad reducida, cuando alguien no puede ver la imagen)
- cierra TODAS las etiquetas. Las de imagen: <img lo que sea />

o bien define el documento como html 4.1

Saludos

ingridstudio · #3 (**permalink**) 29/11/2011, 08:48

Ok gracias por tu ayuda! he puesto el "alt" dentro de la etiqueta img y también he cerrado la etiqueta

<tr><td width="500" height="76" align="center" colspan="6"><a href="#"><img border="0" width="500" height="440" src="images/imagesoks.jpg" alt="1.000 frigomillas"/></a></td></tr>

Una duda más, los usuarios de gmail o de outlook no tendrán problemas al visualizar el correo con éste código, cierto? he prescindido de utilizar css o divs por esa razón...