Hey folks, I am having real troubles sending this HTML email, I just cannot get it to look as it does in a browser Here is the HTML uploaded to view as a web page: bluenotesolutions.com/clients/rebecca_welby/atd_newsletter_2010-03/email.html This is the HTML of the email . . . <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>ATD</title> <style type="text/css" media="screen"> * { padding:0;margin:0;font-family:Arial; } table.email img { border:none; } table.email a { border:none;color:#FFF; } table.email table { padding:0;margin:0; } table.email td { padding:0;margin:0; } </style> <table width="100%" cellspacing="0"> <tr> <td align="left" style="background-color:#112260;padding:5px;color:#FFF;"> Having problems viewing this e-mail? <a href="http://www.attraction-tickets-direct.co.uk/">Use the web version</a> </td> </tr> </table> <table width="720" align="center" cellspacing="0" class="email"> <tr> <td> <table cellspacing="0"> <tr> <td><a href="http://www.attraction-tickets-direct.co.uk/"><img src="http://www.bluenotesolutions.com/clients/rebecca_welby/atd_newsletter_2010-03/email_03.gif" /></a></td> <td><a href="http://www.attraction-tickets-direct.co.uk/attraction-ticket-prices/index.htm"><img src="http://www.bluenotesolutions.com/clients/rebecca_welby/atd_newsletter_2010-03/email_04.gif" /></a></td> <td><a href="http://www.attraction-tickets-direct.co.uk/special-offers.htm"><img src="http://www.bluenotesolutions.com/clients/rebecca_welby/atd_newsletter_2010-03/email_05.gif" /></a></td> <td><a href="http://www.attraction-tickets-direct.co.uk/price-promise.htm"><img src="http://www.bluenotesolutions.com/clients/rebecca_welby/atd_newsletter_2010-03/email_06.gif" /></a></td> <td><a href="http://www.attraction-tickets-direct.co.uk/forum/"><img src="http://www.bluenotesolutions.com/clients/rebecca_welby/atd_newsletter_2010-03/email_07.gif" /></a></td> <td><a href="callto://084571231234"><img src="http://www.bluenotesolutions.com/clients/rebecca_welby/atd_newsletter_2010-03/email_08.gif" /></a></td> </tr> </table> <table cellspacing="0"> <tr> <td><a href="http://www.attraction-tickets-direct.co.uk/attraction-ticket-prices/14-day-disney-ultimate-ticket.htm"><img src="http://www.bluenotesolutions.com/clients/rebecca_welby/atd_newsletter_2010-03/email_10.gif" /></a></td> </tr> </table> <table cellspacing="0"> <tr> <td><a href="http://www.attraction-tickets-direct.co.uk/attraction-ticket-prices/14-day-disney-ultimate-ticket.htm"><img src="http://www.bluenotesolutions.com/clients/rebecca_welby/atd_newsletter_2010-03/email_11.gif" /></a></td> <td><a href="http://www.attraction-tickets-direct.co.uk/special-offers.htm"><img src="http://www.bluenotesolutions.com/clients/rebecca_welby/atd_newsletter_2010-03/email_12.gif" /></a></td> </tr> </table> <table cellspacing="0"> <tr> <td><a href="http://www.attraction-tickets-direct.co.uk/attraction-ticket-prices/14-day-disney-ultimate-ticket.htm"><img src="http://www.bluenotesolutions.com/clients/rebecca_welby/atd_newsletter_2010-03/email_13.gif" /></a></td> <td><a href="http://www.attraction-tickets-direct.co.uk/special-offers.htm"><img src="http://www.bluenotesolutions.com/clients/rebecca_welby/atd_newsletter_2010-03/email_14.gif" /></a></td> </tr> </table> <table cellspacing="0"> <tr> <td><img src="http://www.bluenotesolutions.com/clients/rebecca_welby/atd_newsletter_2010-03/email_15.gif" /></td> </tr> </table> <table cellspacing="0"> <tr> <td><a href="http://www.attraction-tickets-direct.co.uk/time-out.htm"><img src="http://www.bluenotesolutions.com/clients/rebecca_welby/atd_newsletter_2010-03/email_16.gif" /></a></td> </tr> </table> <table cellspacing="0"> <tr> <td><img src="http://www.bluenotesolutions.com/clients/rebecca_welby/atd_newsletter_2010-03/email_17.gif" /></td> </tr> </table> <table cellspacing="0"> <tr> <td><a href="http://www.attraction-tickets-direct.co.uk/attraction-ticket-prices/disney-universal-combi.htm"><img src="http://www.bluenotesolutions.com/clients/rebecca_welby/atd_newsletter_2010-03/email_18.gif" /></a></td> </tr> </table> <table cellspacing="0"> <tr> <td><a href="http://www.attraction-tickets-direct.co.uk/"><img src="http://www.bluenotesolutions.com/clients/rebecca_welby/atd_newsletter_2010-03/email_19.gif" /></a></td> <td><a href="http://www.completeorlando.co.uk/"><img src="http://www.bluenotesolutions.com/clients/rebecca_welby/atd_newsletter_2010-03/email_20.gif" /></a></td> </tr> </table> <table cellspacing="0"> <tr> <td><a href="http://www.attraction-tickets-direct.co.uk/attraction-ticket-prices/siampark.htm"><img src="http://www.bluenotesolutions.com/clients/rebecca_welby/atd_newsletter_2010-03/email_21a.gif" /></a></td> <td><a href="http://www.attraction-tickets-direct.co.uk/attraction-ticket-prices/siampark-loro-parque-twin-ticket.htm"><img src="http://www.bluenotesolutions.com/clients/rebecca_welby/atd_newsletter_2010-03/email_21b.gif" width="263" height="170" /></a></td> </tr> </table> <table cellspacing="0"> <tr> <td><a href="http://www.attraction-tickets-direct.co.uk/contact-us.htm"><img src="http://www.bluenotesolutions.com/clients/rebecca_welby/atd_newsletter_2010-03/email_22a.gif" /></a></td> </tr> </table> <table cellspacing="0"> <tr> <td><a href="mailto:sales@attraction-tickets-direct.co.uk"><img src="http://www.bluenotesolutions.com/clients/rebecca_welby/atd_newsletter_2010-03/email_22b.gif" /></a></td> </tr> </table> <table cellspacing="0"> <tr> <td><a href="http://www.attraction-tickets-direct.co.uk"><img src="http://www.bluenotesolutions.com/clients/rebecca_welby/atd_newsletter_2010-03/email_22c.gif" /></a></td> </tr> </table> <table cellspacing="0"> <tr> <td><img src="http://www.bluenotesolutions.com/clients/rebecca_welby/atd_newsletter_2010-03/email_23.gif" /></td> <td><a href="http://www.facebook.com/pages/Attraction-Tickets-Direct/164359177773"><img src="http://www.bluenotesolutions.com/clients/rebecca_welby/atd_newsletter_2010-03/email_24.gif" /></a></td> <td><img src="http://www.bluenotesolutions.com/clients/rebecca_welby/atd_newsletter_2010-03/spacer.gif" width="122" height="66" /></td> <td><a href="http://twitter.com/ATDAttractions"><img src="http://www.bluenotesolutions.com/clients/rebecca_welby/atd_newsletter_2010-03/email_25.gif" /></a></td> <td><img src="http://www.bluenotesolutions.com/clients/rebecca_welby/atd_newsletter_2010-03/email_27.gif" /></td> </tr> </table> <table cellspacing="0"> <tr> <td><img src="http://www.bluenotesolutions.com/clients/rebecca_welby/atd_newsletter_2010-03/email_28.gif" /></td> <td><a href="http://www.attraction-tickets-direct.co.uk/attract/brochure-request.htm"><img src="http://www.bluenotesolutions.com/clients/rebecca_welby/atd_newsletter_2010-03/email_29.gif" /></a></td> <td><a href="http://www.attraction-tickets-direct.co.uk/forum/"><img src="http://www.bluenotesolutions.com/clients/rebecca_welby/atd_newsletter_2010-03/email_30.gif" /></a></td> <td><a href="http://www.attraction-tickets-direct.co.uk/attract/about-us.htm"><img src="http://www.bluenotesolutions.com/clients/rebecca_welby/atd_newsletter_2010-03/email_31.gif" /></a></td> <td><a href="http://www.attraction-tickets-direct.co.uk/contact-us.htm"><img src="http://www.bluenotesolutions.com/clients/rebecca_welby/atd_newsletter_2010-03/email_32.gif" /></a></td> <td><img src="http://www.bluenotesolutions.com/clients/rebecca_welby/atd_newsletter_2010-03/email_33.gif" /></td> </tr> </table> <table cellspacing="0"> <tr> <td><img src="http://www.bluenotesolutions.com/clients/rebecca_welby/atd_newsletter_2010-03/email_34.gif" /></td> </tr> </table> </td> </tr> </table> </body> </html> Code (markup): I really don't understand what I am missing to make it display as it should within various email clients. Any help is much appreciated!
for starters it is not a good practice to use a style sheet in emails. you should use inline css. i would also suggest that the width of your email not exceed 600px. after you try that see if it still does not display well.
You must code HTML mail as if it were 1995! All that things that are BAD in a good webpage nowadays must be thrown out... no CSS... no Tables (except for tabular data)... Mail Chimp has a great tutorial on how to make excellent HTML mails... not sure of the exact link, but browse the Mail Chimp website: mailchimp.com Hope that helps.