The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Trouble formatting HTML email signature
Luc
post Nov 19 2016, 01:50 PM
Post #1





Group: Members
Posts: 4
Joined: 20-January 12
Member No.: 16,295



Hello all,

I'm sure this is extremely basic for most of you, but I'm having a little trouble formatting this email signature.. when I open it up in an html editor the preview looks perfect, I paste is into an email and it looks perfect, but when I send it and it's received on the other end it's not formatted properly. Namely there should be a gray line between the photo on the left and the contact information, but it doesn't show up.. I've pasted the code below, can anyone tell me what the issue is?

<div class="signature-to-copy-outer">
<div id="signature-to-copy">
<table style="background: none; border-width: 0px; border: 0px; margin: 0; padding: 0;" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="border-top: 0; border-bottom: 0: border-left: 0; border-right: solid 3px #9B9B95; padding: 0 7px 0 0;" valign="top"><img id="preview-image-url" src="https://scontent.fyzd1-1.fna.fbcdn.net/v/t1.0-9/400857_280750398645549_630932851_n.jpg?oh=1400002ed8b022376b3dc6f451e781c9&amp;oe=58BDB4E0" alt="" width="100" height="137" /></td>
<td style="padding: 0 0 0 12px;">
<table style="background: none; border-width: 0px; border: 0px; margin: 0; padding: 0;" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="padding-bottom: 5px; color: #9b9b95; font-size: 18px; font-family: Arial, Helvetica, sans-serif;" colspan="2">your name</td>
</tr>
<tr>
<td style="color: #333333; font-size: 14px; font-family: Arial, Helvetica, sans-serif;" colspan="2"><em>job title<br /></em></td>
</tr>
<tr>
<td style="color: #333333; font-size: 14px; font-family: Arial, Helvetica, sans-serif;" colspan="2"><strong>Company name<br /></strong></td>
</tr>
<tr>
<td style="vertical-align: top; width: 20px; color: #9b9b95; font-size: 14px; font-family: Arial, Helvetica, sans-serif;" valign="top" width="20">d:</td>
<td style="vertical-align: top; color: #333333; font-size: 14px; font-family: Arial, Helvetica, sans-serif;" valign="top">705.555.5555&nbsp; <span style="color: #999999;">o</span><span style="color: #9b9b95;">:&nbsp;</span>705.555.5555</td>
</tr>
<tr>
<td style="vertical-align: top; width: 20px; color: #9b9b95; font-size: 14px; font-family: Arial, Helvetica, sans-serif;" valign="top" width="20">w:</td>
<td style="vertical-align: top; color: #333333; font-size: 14px; font-family: Arial, Helvetica, sans-serif;" valign="top"><a style="color: #1da1db; text-decoration: none; font-weight: normal; font-size: 14px;" href="http://www.fake.com">website</a>&nbsp; <span style="color: #9b9b95;">e: </span><a style="color: #1da1db; text-decoration: none; font-weight: normal; font-size: 14px;" href="mailto:fake@fake.com">email address</a></td>
</tr>
<tr>
<td style="padding-top: 5px;" colspan="2">
<p><span id="m_-3758862360191122167gmail-hs_cos_wrapper_module_14606038762559788" class="m_-3758862360191122167gmail-hs_cos_wrapper m_-3758862360191122167gmail-hs_cos_wrapper_widget m_-3758862360191122167gmail-hs_cos_wrapper_type_custom_widget">insert text here<br /><br /><a style="text-decoration: none; border: 0px none -moz-use-text-color;" href="http://www.fake.com" target="_blank" data-saferedirecturl="https://www.google.com/url?hl=en&amp;q=https://www.facebook.com/BeautifulBarrieHomes/&amp;source=gmail&amp;ust=1479662805507000&amp;usg=AFQjCNETI-7WdaF-6oYlNFU2Ko7n4SMtdQ"><img style="width: 25px; max-width: 25px; height: 25px; max-height: 25px; border: medium none -moz-use-text-color;" src="https://ci4.googleusercontent.com/proxy/KSd1y52khHv9agmQvrCbryrM- 2fW2_TTiv_ZyM7g8CvIOy1lLeiL98i21qwjj_AtIcK1gmFVa_3klKcL84Nn9soPAtkHRj9nuToKZ86G2
yoOSEHDRVJtmcoMmxPmmaYL9i1otg=s0-d-e1-ft#http://cdn2.hubspot.net/hubfs/184235/dev_images/signature_app/facebook_sig.png" alt="" width="25" height="25" /></a>&nbsp; <a style="text-decoration: none; border: 0px none -moz-use-text-color;" href="http://www.fake.com" target="_blank" data-saferedirecturl="https://www.google.com/url?hl=en&amp;q=https://twitter.com/just_luc&amp;source=gmail&amp;ust=1479662805507000&amp;usg=AFQjCNHnPeoVyHDVkwNCjR98xRHCTE_RKA"><img style="width: 25px; max-width: 25px; height: 25px; max-height: 25px; border: medium none -moz-use-text-color;" src="https://ci6.googleusercontent.com/proxy/Sh-8YmBCXXgMOdOoPgPtgPnKQjxnBXcEwel_xmwS_cHPKRztClUPBPiJEHPdtG3Hei5hccBS7ONl-N_UCmjOHpHCwBzTomOq7BWdwmxz1KhrziiqbYJgeX4FOXOOh5DEqF8y=s0-d-e1-ft#http://cdn2.hubspot.net/hubfs/184235/dev_images/signature_app/twitter_sig.png" alt="" width="25" height="25" /></a>&nbsp;&nbsp;<img style="width: 25px; max-width: 25px; height: 25px; max-height: 25px; border: medium none -moz-use-text-color;" src="https://ci5.googleusercontent.com/proxy/hzQ50OystqOxlKMduZD32nQoNlmY4n_0V4lxPUWy5nU5cr1gbQR-03vxhbJL7qRILyM-QnaRbLIvZIoxOof999Ep266X82hDAOK2K4jC9rBUhUVgcslhZQ1jOUHJwKu2s6_4sA=s0-d-e1-ft#http://cdn2.hubspot.net/hubfs/184235/dev_images/signature_app/linkedin_sig.png" alt="" width="25" height="25" />&nbsp; <a style="color: #1da1db; text-decoration: none; font-weight: normal; font-size: 14px;" href="http://www.fake.com" target="_blank" data-saferedirecturl="https://www.google.com/url?hl=en&amp;q=http://legal.lucbouillon.com&amp;source=gmail&amp;ust=1479662805507000&amp;usg=AFQjCNGeYedO_jpXnvvRuJ5S7bi8fprD9g"> | web link |</a></span></p>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</div>
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 29th March 2024 - 09:35 AM