HTML Email, Please Check & Help To See What I Am Missing

Discussion in 'HTML & Website Design' started by bornsexy2100, Mar 18, 2010.

  1. #1
    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!
     
    bornsexy2100, Mar 18, 2010 IP
  2. chrisnyce

    chrisnyce Peon

    Messages:
    21
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    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.
     
    chrisnyce, Mar 19, 2010 IP
  3. donatello

    donatello Peon

    Messages:
    67
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    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.
     
    donatello, Mar 19, 2010 IP
  4. DOCtriN

    DOCtriN Well-Known Member

    Messages:
    184
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    103
    #4
    You can use another mail service to increase your visitor, such as Aweber and Mail Chimp
     
    DOCtriN, Mar 19, 2010 IP