HTML Signature Help

moe46664

Well-Known Member
Joined
Nov 5, 2013
Messages
200
Reaction score
4
So I've been asked to help out with the following issue:

1. Some email generation app requires a HTML signature to be appended to the bottom of the email
2. Signature needs to be exactly the same as the one set up by company outlook
3. So I inspected the HTML of the signature, and extracted out style info like so:

HTML:
<div>
<p style='margin-top:auto;margin-bottom:auto;line-height:125%'>
<b>
<span style='font-size:16.0pt;line-height:125%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:#442359'>Name Surname</span>
</b>

<b><span style='font-size:16.0pt;line-height:125%;font-family:&quot;Arial&quot;,&quot;sans-serif&quot;;color:#E64E00'>.</span></b>
</p>


<p style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto;line-height:125%'>
<b>
<span style='font-size:10.0pt;line-height:125%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;color:#E64E00'>T: </span>
</b>
<span style='font-size:10.0pt;line-height:125%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;'>&nbsp;+27 11 000 0000 | 
<b><span style='color:#E64E00'>F: </span></b>&nbsp;+27 11 000 0000 | <b><span style='color:#E64E00'>E: </span></b>&nbsp;<a href='mailto:[email protected]'>[email protected]</a><br>
| </span>
<b><span style='font-size:10.0pt;line-height:125%'>W: </span></b>
<span style='font-size:10.0pt;line-height:125%;font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
color:#442359'>&nbsp;<a href='http://www.company.co.za'>www.website.co.za</a></span></p>

</div>

It needs to look like this:
Proper.PNG

But it ends up looking very different in Outlook, Gmail etc.
current.PNG

Any advice would be appreciated.

Thanks
 
Top
Sign up to the MyBroadband newsletter
X