Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Nov 2013
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    HTML email signature

    Hi, I am trying to do a html signature which works in Outlook, Lotus, yahoo etc.
    I have the following code but have 2 issues.

    1. In Outlook, Google the email body and signature are not aligned vertically (left)
    2. When responding to someone else's mail in Lotus notes and Google, the format goes wrong. the signature appearing in front of the previous email.

    Does anyone have any ideas what wrong?
    Thanks!!!

    [CODE}
    <table width="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="#ffffff" align="left" class="outertable" style="border-spacing:0;">
    <tr>
    <td>
    <table width="540" cellpadding="0" cellspacing="0" border="0" bgcolor="#ffffff" align="left" class="outertable" style="border-spacing:0;">
    <tr>
    <td bgcolor="#ffffff" align="left" valign="top" style="padding:0;margin:0;border-spacing:0;">
    <font face="Arial" style="color:#000000; font-size:13px; line-height:16px; font-family:Arial, Helvetica, sans-serif;" color="#2a2a2a" face="arial">
    Matthew Smith
    <br /><br />
    </font>
    </td>
    <td bgcolor="#ffffff" align="left" style="padding:0;margin:0;">
    &nbsp;
    </td>
    <td bgcolor="#ffffff" align="left" style="padding:0;margin:0;">
    &nbsp;
    </td>
    </tr>
    <tr>
    <td bgcolor="#ffffff" align="left" valign="top" style="padding:0;margin:0;">
    <font face="Arial" style="color:#000000; font-size:13px; line-height:16px; font-family:Arial, Helvetica, sans-serif;" color="#2a2a2a" face="arial">
    <strong>Kemp Chemicals Ltd</strong>
    <br />
    Fieldmouse road
    <br />
    Whitwick LE7 1LS, UK
    <br />
    Registered in England &amp; Wales No. 3037845
    </font>
    </td>
    </td>
    <td bgcolor="#ffffff" align="left" valign="top" style="padding:0;margin:0;">
    <img src="divider.gif" alt="" />
    </td>
    <td bgcolor="#ffffff" align="left" valign="top" style="padding:0;margin:0;">
    <font face="Arial" style="color:#000000; font-size:13px; line-height:16px; font-family:Arial, Helvetica, sans-serif;" color="#2a2a2a" face="arial">
    <strong>Business Development Manager</strong>
    <br />
    MOB: 0044 (0)7768 432 147
    <br />
    TEL: (0)1627 487 597
    <br />
    <a href="http://www.website.com" title="Visit the Kemp Europe website">http://www.website.com</a>
    </font>
    </td>
    </tr>
    <tr>
    <td bgcolor="#ffffff" align="left" style="padding:0;margin:0;">
    <img src="logo-KEMP-email.jpg" title="Kemp Europe" />
    </td>
    <td bgcolor="#ffffff" align="left" style="padding:0;margin:0;">
    &nbsp;
    </td>
    <td bgcolor="#ffffff" align="left" style="padding:0;margin:0;">
    &nbsp;
    </td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
    <p>&nbsp;</p>


    [CODE]

  • #2
    New Coder
    Join Date
    Aug 2013
    Posts
    50
    Thanks
    1
    Thanked 3 Times in 3 Posts
    You can't have a class(outertable) in there, unless it is from Google.
    Why do you align left anyway, default is left.
    For the signature appearing above the email, try looking at the preferences under the HTML editor there is a checkbox, did you check it if so uncheck.

  • #3
    Regular Coder
    Join Date
    Aug 2005
    Location
    MS
    Posts
    820
    Thanks
    10
    Thanked 78 Times in 76 Posts
    Should help you make the best HTML Email the right way:

    HTML EMail:

    Mailing List Code: http://www.bravenet.com/webtools/elist/

    20 Email Design Best Practices and Resources for Beginners: http://net.tutsplus.com/tutorials/ht...for-beginners/

    10 Design Lessons From HTML Email Templates That Actually Sell: http://designshack.net/articles/grap...actually-sell/

    G-Lock EasyMail: http://www.glockeasymail.com/

    How to Code HTML Email Newsletters: http://articles.sitepoint.com/articl...il-newsletters

    How To Code HTML Email Newsletters (All New Version): http://www.reachcustomersonline.com/...1/23/09.27.00/
    Coding for GoogleMail, LotusNotes, and Outlook 2007: http://www.reachcustomersonline.com/...9.27.00/#step4

    With this new email tool from Gmail you can create HTML formatted newsletters without knowing HTML: https://www.google.com/accounts/Serv...t&ltmplcache=2

    How to Create and Send HTML Email: http://www.addme.com/newsletters/issue293.htm

    Email Marketing Articles and Guides: http://www.mailchimp.com/articles/st...sign-mistakes/

    How to Create Great HTML Emails with CSS: http://www.webreference.com/programming/css_html/

    30 Free HTML email templates: http://www.campaignmonitor.com/templates/

    How do you typically create HTML email?: http://webdesign.about.com/b/2008/10...html-email.htm

    Email Standards Project works with email client developers and the design community to improve web standards support and accessibility in email: http://www.email-standards.org/
    ☠ ☠RON☠ ☠


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •