He creado una firma HTML con una imagen local. He dado formato a la firma utilizando una Tabla.
He intentado añadir mi firma al correo utilizando el método descrito aquí Es decir, abrir el sig en un navegador, Cmd+A en el navegador y Cmv+V en el panel de firmas del correo.
Esto parece funcionar, pero cuando voy a usar la firma el formato de la imagen se me volvió loco. Como se muestra en la imagen de abajo (correo en la parte superior y safari en la parte inferior).
No tengo muchos conocimientos de HTML. Pero aquí está mi código en caso de que tengo algo mal allí.
<table cellspacing="0" cellpadding="0">
<tr>
<td rowspan=3 style="padding-right:5px; border-right:solid 1px #7F7F7F;">
<img src="waveform-logo_no_quote.png" /> <BR>
</td>
<td style="padding-left:5px;">
<font face="Arial" color="#0F243E"><b>Tiago Veloso</b></font>
<span style="font-variant: small-caps;"> <font face="Arial" color="#404040"> / Junior Software Engineer </font> </span> <BR>
</td>
<tr>
<td style="padding-left:5px;">
<span style="font-variant: small-caps;"> <font face="Arial" color="#404040"> t: </font> </span>
<font face="Arial" color="#0F243E"> [+XYZ] 555-555-123 </font> <BR>
</td>
</tr>
<tr>
<td style="padding-left:5px;">
<span style="font-variant: small-caps;"> <font face="Arial" color="#404040"> e: </font> </span>
<font face="Arial"> <a href="mailto:mail@example.com">mail@example.com</a> </font> <BR>
</td>
</tr>
<tr>
<td align=right style="padding-right:5px; border-right:solid 1px #7F7F7F">
<font face="Arial" color="#7F7F7F"><i>adding possibilities</i></font>
</td>
<td style="padding-left:5px;">
<span style="font-variant: small-caps;"> <font face="Arial" color="#404040"> w:
</font> </span> <font face="Arial"> <a href="http://www.website.com">www.website.com</a> </font> <BR>
</td>
</tr>
</table>
