HTML - Firma html MAC, Outlook la deforma

   
Vista:

Firma html MAC, Outlook la deforma

Publicado por Paco (2 intervenciones) el 25/08/2015 10:01:31
Hola, buenos dias.
Estoy haciendo una firma corporativa para toda la empresa desde Dreamweaver en MAC.
En mi departamento todos trabajamos con MAC, pero el resto de empresa utiliza Windows y Outlook.
Bien, creo la firma, la añado a Mail de MAC y tanto yo como mis compañeros de departamento la vemos correctamente. En cambio, cuando la envío a un cliente Outlook, se deforma.

La firma es una tabla simplemente, con un par de imágenes, pero no hay forma de que Outlook respete las dimensiones de las celdas.

Decir que para insertar la firma en MAC la cabecera del archivo difiere un poco del típico HTML.

Os paso el código de las tablas.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<table width="553px" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td align="left" valign="top" style="padding-top:10px;" width="324px">
      <p><font face="Arial, Helvetica, sans-serif" color="#a6acaf" style="font-size:13px;"><strong>xxxxxxx</strong></font><br /><font face="Arial, Helvetica, sans-serif" color="#a6acaf" ><em  style="font-size:12px;">Dpto. Marketing y Comunicación</em><br /><em  style="font-size:12px;">xxxxxxx<br />xxxxxxx</em></font><br /></p>
    </td>
    <td style="padding-right:0px; padding-top:20px;"  valign="top" align="right"><a href="http://www.facebook.com/xxxxxxx"><img src="http://xxxxxxx/images/iconos/facebook.png" width="30" height="30" alt="facebook" border="0" /></a>&nbsp;<a href="http://twitter.com/xxxxxxx"><img src="http://xxxxxxx/images/iconos/twitter.png" width="30" height="30" alt="twitter" border="0" /></a>&nbsp;<a href="http://www.youtube.com/channel/xxxxxxx"><img src="http://xxxxxxx/images/iconos/youtube.png" width="30" height="30" alt="YouTube" border="0" /></a>&nbsp;<a href="http://www.flickr.com/photos/xxxxxxx/albums"><img src="http://xxxxxxx/images/iconos/flickr.png" width="30" height="30" alt="Flickr" border="0" /></a>&nbsp;</td>
  </tr>
</table>
 
<table width="553px" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td align="left" valign="top" style="padding-left:0px;"><img src="http://i59.tinypic.com/20rjn6r.png" alt="Logo" hspace="0" width="553" height="53"/></td>
  </tr>
  <tr>
    <td align="left" valign="top" style="padding-top:20px;" width="553px">
      <p><font face="Arial, Helvetica, sans-serif" color="#a6acaf"  style="font-size:12px;"><img src="http://xxxxxxx/media/img-firmas/ico-eco.gif" alt="eco" width="14" height="14" align="absmiddle" /> No me imprimas si no es necesario. Protejamos el medio ambiente</font></p>
      <p align="justify"><font color="#cccccc" size="-2">xxxxxxxx.</font></p>
    </td>
  </tr>
</table>
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de xve

Firma html MAC, Outlook la deforma

Publicado por xve (1178 intervenciones) el 25/08/2015 10:58:15
Hola Paco, esto no esta del todo correcto:
1
<td align="left" valign="top" style="padding-top:10px;" width="324px">
Si quieres definir la medida, tienes que hacerlo por estilos, si quieres utilizar el width de la tabla, no puedes poner el "px"... prueba así:
1
<td align="left" valign="top" style="padding-top:10px;" width="324">
o así:
1
<td align="left" valign="top" style="padding-top:10px;width:324px">

Coméntanos, ok?
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar

Firma html MAC, Outlook la deforma

Publicado por Paco (2 intervenciones) el 25/08/2015 11:21:54
Vaya! Ya está! Muchísimas gracias. Nunca pensé que pudiera ser algo tan simple.

Saludos.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar