Tabla html que se vea igual en todas partes
La verdad me estoy quebrando la cabeza con algo pensé debería ser muy simple, pero la verdad se me ha complicado en el camino. Estoy intentando hacer una firma (de correo electrónico) en html para poder insertarla en outlook y thunderbird, la he creado y en todos los navegadores se ve perfecta, pero la verdad cuando la envío por correos esta modifica al antojo de cada programa, se agrandan los espacios de las celdas de la tabla html y los links salen con la raya abajo (text-decoration). La idea es que la firma se vea igual en todas parte.
He intentado con los atributos table-layout: fixed y text-decoration-none, pero la verdad no me ha resultado.
Te agradecería si me puedes orientar al respecto.
Adjunto código:
<!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></title> <style type="text/css"> <!-- body { margin-right: 0px; margin-left: 0px; margin-top: 0px; margin-bottom: 0px; } body,td,th { font-family: Arial, Helvetica, sans-serif; } --> </style></head> <body> <table border="0" cellpadding="0" cellspacing="0" style="font-family: Tahoma, Geneva, sans-serif; font-size: 12px; color: #797979; table-layout:fixed; text-decoration:none;"> <tbody> <tr> <th rowspan="8" scope="col" align="left" valign="middle" width="205"><img src="" alt="" width="194" height="123" /></th> <th width="269" height="24" align="left" style= "font-size: 17px; font:Arial, Helvetica, sans-serif; font-weight:400;" scope="col"><strong>Mery Medina Ibáñez</strong></th> </tr> <tr> <td height="22" align="left" style= "font-size: 14px; color: #0a6776"><strong>Support Marketing<br /> <img src="http://www.giro3.com/traNS.png" width="24" height="5" /></strong><strong><br /> <img src="
" width="155" height="1" /><br /> </strong></td> </tr> <tr> <td height="5" align="left" style= "font-size: 15px; color: #0a6776"><strong><img src="http://www.giro3.com/traNS.png" alt="" width="24" height="5" /></strong></td> </tr> <tr> <td height="17" align="left" style="font-size:11,5px;">Tel: +56 32 2221022</td> </tr> <tr> <td height="16" align="left" style="font-size:11,5px;">Cel: +56 9 78794276</td> </tr> <tr> <td height="15" align="left" style="font-size:11,5px;">Blanco 1215, Oficina 1401, Valparaíso, Chile.</td> </tr> <tr> <td height="15" align="left" style="font-size:11,5px;"><a style="color: #797979; text-decoration:none" href="mailto:[email protected]">[email protected]</a><a style="color: #797979;" href="http://www.clonsaingenieria.cl"></a></td> </tr> <tr> <td height="15" align="left" style="font-size:11,5px;"><a style="color: #797979; text-decoration:none" href="http://www.clonsaingenieria.cl">www.clonsaingenieria.cl</a><a style="color: #797979;" href="mailto:[email protected]"></a></td> </tr> </tbody> </table> </body> </html>
" alt="" width="194" height="123" /></th>
<th width="269" height="24" align="left" style= "font-size: 17px; font:Arial, Helvetica, sans-serif; font-weight:400;" scope="col"><strong>Mery Medina Ibáñez</strong></th>
</tr>
<tr>
<td height="22" align="left" style= "font-size: 14px; color: #0a6776"><strong>Support Marketing<br />
<img src="http://www.giro3.com/traNS.png" width="24" height="5" /></strong><strong><br />
<img src="
" width="155" height="1" /><br />
</strong></td>
</tr>
<tr>
<td height="5" align="left" style= "font-size: 15px; color: #0a6776"><strong><img src="http://www.giro3.com/traNS.png" alt="" width="24" height="5" /></strong></td>
</tr>
<tr>
<td height="17" align="left" style="font-size:11,5px;">Tel: +56 32 2221022</td>
</tr>
<tr>
<td height="16" align="left" style="font-size:11,5px;">Cel: +56 9 78794276</td>
</tr>
<tr>
<td height="15" align="left" style="font-size:11,5px;">Blanco 1215, Oficina 1401, Valparaíso, Chile.</td>
</tr>
<tr>
<td height="15" align="left" style="font-size:11,5px;"><a style="color: #797979; text-decoration:none" href="mailto:
En este link puedes ver una tabla de lo compatible y no compatible con los distintos gestores de emails
y en este unas directrices a seguir para maquetar para emails
http://code.tutsplus.com/tutorials/getting-started-with-html-emails--net-17200
El problema que estas teniendo es la frustracion de siempre de incompatibilidad entre navegadores, en este caso entre gestores de emails. Y es que cada uno hace lo que se sale del rabo! Espero que con estos enlaces dejes tu plantilla lo mejor posible, ten en cuenta de usar solo cosas compatibles con todos o si no ya sabes lo que pasa.
Suerte!
