Trouble formatting HTML email signature |
Trouble formatting HTML email signature |
Luc |
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&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 <span style="color: #999999;">o</span><span style="color: #9b9b95;">: </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> <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&q=https://www.facebook.com/BeautifulBarrieHomes/&source=gmail&ust=1479662805507000&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> <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&q=https://twitter.com/just_luc&source=gmail&ust=1479662805507000&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> <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" /> <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&q=http://legal.lucbouillon.com&source=gmail&ust=1479662805507000&usg=AFQjCNGeYedO_jpXnvvRuJ5S7bi8fprD9g"> | web link |</a></span></p> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> </div> |
Lo-Fi Version | Time is now: 25th April 2024 - 07:00 AM |