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.
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> <a href="http://twitter.com/xxxxxxx"><img src="http://xxxxxxx/images/iconos/twitter.png" width="30" height="30" alt="twitter" border="0" /></a> <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> <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> </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
0
