I have created an HTML signature with a local image. I have formatted the signature using a Table.
I have tried to add my signature to mail using the method described here, i.e. open the sig in a browser, Cmd+A on the browser and Cmv+V on the mail signature pane.
This appears to work, but when I go to use the signature the image formatting went bananas on me. Like shown on the pic bellow (mail on top and safari on bottom).
I am not very knowledgable of HTML. But here is my code in case I have something wrong there.
<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>
Best Answer
If your code is copied and pasted, the first thing I realize is the following:
which means, the end tag
is missing. This might be the problem due to different renderings between mail and Safari. It's worth a try.