HTML Email in Web-Based Email Applications

Many of your recipients will be viewing your newsletter in their web browsers like Yahoo!Mail, Hotmail, or Gmail. There are certain things you need to know about web-based email applications:

  • They strip out the <HTML>, <HEAD>, and <BODY> tags in order to keep your code from interfering with their web pages. That means that any background colors you specify in your <BODY> tag will be lost. To avoid this, insert your entire email inside a larger, 100% wide table, and set a background color to that table.
  • Any CSS (Cascading Style Sheets) inside the <HEAD> tags will be lost. Don’t try to link to CSS files on your server but use embedded CSS instead, and make sure it’s below the <BODY> tag. For web designers, it’s not exactly the "proper" place to put embedded CSS but it will work for web-based email applications.
  • Pictures inserted into the email from the disk will come as attachments. To prevent this, host the images on your web server and include the links to them into your email. Thus, the pictures will be automatically loaded when the recipient opens your message.

 

Table of contents | Page list for this chapter | Next page

 

UEMG04 150 HTML Email in Web Based Email Applications

Buy your own copy of Ultimate Email Marketing Guide

You’ve browsed the site and read some chapters, now get your own copy of the book in PDF.

$19 in PDF Instant download

 

Note: The content on this web site and the content of the book is identical. Buying the PDF version allow you take the book with you and show your support for the G-Lock Software movement. Thanks for your business.

All content copyright ©2008 G-Lock Software, Ltd. All rights reserved. No part of this book or site may be reproduced or redistributed in any form or by any electronic or mechanical means, including information storage and retrieval systems, without permission in writing from G-Lock Software, except by a reviewer who may quote brief passages in a review.