Tabla html que se vea igual siempre

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, Helvética, 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"><imgsrc="" alt="" width="194" height="123" /></th>
<th width="269" height="24" align="left" style= "font-size: 17px; font:Arial, Helvética,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><imgsrc="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>

1 Respuesta

Respuesta
1

No podría decirte exactamente qué está pasándote, pero si puedo decirte que maquetar emails puede ser un dolor ya que los gestores de emails no "entienden" muchas de las características que usamos para los desarrollos front-end.

Quizás tu problema venga de las medidas que indicas en la tabla, pues son medidas relativas al contenedor y ahí puede estar el problema, que el contenedor en cada gestor de email tenga un tamaño diferente...

Te dejo un enlace donde puedes ver qué características css son interpretadas en los gestores indicados

https://www.campaignmonitor.com/css/ 

Siguiendo esto, intenta conseguir lo que necesitas con lo que sea compatible o mayormente compatible, y prueba a indicar tamaños absolutos a ver si asi te respeta las proporciones.

Suerte!

Quizás este enlace te sirva de ayuda también:

http://code.tutsplus.com/tutorials/getting-started-with-html-emails--net-17200 

Añade tu respuesta

Haz clic para o

Más respuestas relacionadas

Centrado formulario html

Tengo una pequeña aplicación que deseo se centre en la pantalla. Actualmente cuando la ejecuto (tiene 8 formularios) aparecen cada uno en posición diferente de la pantalla. O el menu abajo y las tablas arriba o la derecha y así.. Eso es un desorden....
2 respuestas

Menu a partir de un fichero CSS

Hace un tiempo vi en una web un codigo para que una web cargase un menu (simple y normal) directamente desde un fichero css en vez de tener que meter el codigo en cada fichero de la web. Supongo que servira igual con cualkier codigo pero vamos pongo...
1 respuesta

Cómo centrar un .swf en el html

Estoy intentando hacer algo bastante básico pero que no me sale. Quiero que mi .swf insertado en un html ocupe el centro de la pantalla en el navegador. En Configuración de publicación, pestaña flash, escojo Dimensiones > Píxeles (1024 x 768), porque...
1 respuesta

Cambiar color de texto on mouse over

Tengo hecho un menu hecho en una tabla (es decir texto con vinculo en cada celda). El texto tiene aplicado un estilo css personalizado para que los links no aparezacan ni azules ni subrayados; quisiera saber como puedo hacer desde el dreamweaver para...
1 respuesta

Efecto de Subrayado

¿Qué código debo agregar a una página web para que cuando el usuario coloque el ratón sobre un enlace de texto, el texto se subraye?
1 respuesta

Programación web en distintas resoluciones

Estoy desarrollando aplicaciones web, en principio con tamaños de 1366 x 768 (portátil), evidentemente se ve bien, y en cierta manera en 1024 también se ve bien; claro que a medida que vas reduciendo el tamaño de la pantalla, la resolución, todo se...
3 respuestas

Posición de un div

Mi problema es sencillo pero no logro solucionarlo es el siguiente tengo una tabla <tabla> <tr> <td> <div class=menu9" ></div> </td> <td> un formulariio extenso </td> <tr> Resulta que el menu me sale en la mitad de la primera columna yo quiero que se...
1 respuesta

Fondo para página de Wordpress

Estoy haciendo una web en Wordpress y no tengo demasiados conocimientos de este programa, de hecho estoy aprendiendo sobre él tal y como voy creando la web. Quiero cambiar el fondo de las páginas que estoy creando, tanto para ponerle un color...
2 respuestas

Mas de css

Tengo una terrible confusión con esto de los Css, yo se ahora como hacer diferentes estilos para que dos vínculos tengan colores y tipos de letras diferentes, eso se hace creando clases (class) en Dreamweaver, ahora bien, yo tengo un libro que habla...
6 respuestas

Firma de correo con imagemap

Estoy redactando el código html de mi firma de correo, la cual la hago con imagemap (coordenadas sobre una imagen) y aplico tres hotspots: correo, teléfono y perfil linkedIn. El problema que estoy teniendo es que no consigo que desde mi iPhone,...
1 respuesta