Conversion to an HTML email

Posted on 2009-05-02
Last Modified: 2013-11-17
I have the following url set as a template so that it can be updated and sent as an HTML easily:

The problem we have is when you try to convert to an HTML email by going to "Page" - "Send Page by Email", the left and right background borders seem to disappear!
Question by:MSan_UK
    LVL 70

    Expert Comment

    by:Jason C. Levine
    Hi MSan_UK,

    An HTML email is just an email with normal HTML code.  I don't know what program is prompting you to use "Page" - "Send Page by Email"

    Author Comment

    Sorry I may not have explained the problems fully. Basically we have a remplate page (link given in my previous comment) where we would like to update on monthly basis and then convert that page into an HTML email to be sent to the entire database. We can do this conversion through IE as follows:
    1) Once on the page, click "Page"
    2) Click "Send Page by email"

    This then opens up your email application and loads the page into the email. The problem we have when this happens is the background images are not showing! The email client we use is MS Outlook 2007
    LVL 70

    Accepted Solution

    >> This then opens up your email application and loads the page into the email.

    But it probably just loads the HTML without converting it to optimal email format.  You need to check the paths and make sure everything is using full URLs (http://something/something) and not relative paths (/something/something) because the relative paths have no way to resolve properly.

    Author Comment

    The concerned images are all using absolute paths. The rest of the email loads uo just fine including gifs and jpgs apart when they are being used as a background image
    LVL 70

    Expert Comment

    by:Jason C. Levine
    Are the background images set from a CSS file?  Is this CSS called with a full URL (which is different from an absolute path, by the way)?
    LVL 19

    Assisted Solution

    Your problems aren't going to end there. You'll find that many email programs will not display background images via css reliably. About the only reliable way of using an image as a background is by using table tags' "background" attribute.

    gMail, for example, will strip out all css contained in <style> tags. Any email program on a mac will make an abortion of css'ed html email.

    The 3 golden rules for email html that I stick to are: -

    1) Absolute paths for everything.
    2) Use the background attribute in <table> or <td> tags to display background images.
    3) Use inline css that doesn't rely on inheritance to propigate styles to child elements.

    Featured Post

    How to run any project with ease

    Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
    - Combine task lists, docs, spreadsheets, and chat in one
    - View and edit from mobile/offline
    - Cut down on emails

    Join & Write a Comment

    Introduction In this tutorial, I'll explain how to create an animated progress meter in a wireframe prototype developed using Axure RP 7.0 - a leading prototyping tool for designing web sites and software. (For more information about Axure and gett…
    Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
    The purpose of this video is to demonstrate how to prevent comment spam on a WordPress Website. This will be demonstrated using a Windows 8 PC. Plugin Akismet will be used. Go to your WordPress login page. This will look like the following: myw…
    The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

    729 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    19 Experts available now in Live!

    Get 1:1 Help Now