MacOS – Formatting HTML signature in Mail (Lion)

macosmail.appsignature

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).

Formatting Went Bananas

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:

<span style="font-variant: small-caps;"> <font face="Arial" color="#404040"> / Junior Software Engineer </font> </span> <BR>
    </td>
<tr>
    <td style="padding-left:5px;">

which means, the end tag

</tr>

is missing. This might be the problem due to different renderings between mail and Safari. It's worth a try.