2 Replies Latest reply on Jun 3, 2010 10:37 AM by BistroEngine

    Problem with HTML email on iPhone

    BistroEngine Level 1

      Hello, hopefully someone can please help me with this. I'm trying to get an HTML email to display properly in the iPhone mail app. Here's what it currently looks like...

      iPhoneheader.jpg

      Here's what it SHOULD look like...

      FUEL Header.png

      Here's the code for my email. Sorry, I'm pretty much a newbie when it comes to Dreamweaver. Any help would be greatly appreciated. Thanks!

       

      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
      <html xmlns="http://www.w3.org/1999/xhtml">
      <head>
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
      <meta name="viewport" content="width=device-width;">
      <title>FUEL - Traffic Drive Automotive Advertising</title>
      <style type="text/css">
      <!--
      body,td,th {
           font-family: Arial, Helvetica, sans-serif;
           font-size: 12px;
           color: #FFF;
      }
      body {
           background-image: url(http://fuelsellscars.com/images/background.jpg);
           background-repeat: repeat-x;
           background-attachment:fixed;
           background-position:bottom;
           background-color: #000;
      }
      a:link {
           color: #FC0;
           font-weight: bold;
           text-decoration: none;
      }
      a:visited {
           text-decoration: none;
           color: #FC0;
      }
      a:hover {
           text-decoration: none;
           color: #FF0;
      }
      a:active {
           text-decoration: none;
           color: #FC0;
      }
      .style1 {font-size: 10px}
      .FooterText {
           color: #FFF;
      }
      h1 {
           color: #F60;
           font-size: 24px;
      }
      h2 {
           color: #F90;
           font-size: 18px;
      }
      h3 {
           color: #F00;
           font-size: 16px;
      }
      h4 {
           color: #FFF;
           font-size: 14px;
      }
      a {
           font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
      }
      h1,h2,h3,h4,h5,h6 {
           font-weight: bold;
           font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
      }
      h5 {
           font-size: 12px;
           color: #FFF;
      }
      -->
      </style>
      <script type="text/javascript">
      <!--
      function MM_preloadImages() { //v3.0
        var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
          var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
          if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
      }
      function MM_swapImgRestore() { //v3.0
        var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
      }
      function MM_findObj(n, d) { //v4.01
        var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
          d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
        if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
        for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
        if(!x && d.getElementById) x=d.getElementById(n); return x;
      }
      
      function MM_swapImage() { //v3.0
        var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
         if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
      }
      //-->
      </script>
      </head>
      
      <body onload="MM_preloadImages('images/main-nav_roll_01.png','images/main-nav_roll_02.png','images/main-nav_roll_03.png','images/main-nav_roll_04.png','images/main-nav_roll_05.png')">
      <table border="0" cellpadding="0" cellspacing="0" align="center">
        <tr>
             <td width="600">
          <p><a href="index.html"><img src="http://fuelsellscars.com/images/headerlogos.png" alt="FUEL" width="281" height="105" border="0" align="left" /></a><img src="http://fuelsellscars.com/images/coopapproved.png" alt="Co-Op Approved Advertising" width="100" height="100" align="right" /></p>
          </td>
        </tr>
        <tr>
          <td width="600" bgcolor="#222222"><div align="center"><a href="http://fuelsellscars.com" target="_blank" onmouseover="MM_swapImage('Home','','images/main-nav_roll_01.png',1)" onmouseout="MM_swapImgRestore()"><img src="http://fuelsellscars.com/email/images/emailnav_01.png" alt="Home" name="Home" width="76" height="35" border="0" id="Home" /></a><a href="http://fuelsellscars.com/tvradio.html" target="_blank" onmouseover="MM_swapImage('Image19','','images/main-nav_roll_02.png',1)" onmouseout="MM_swapImgRestore()"><img src="http://fuelsellscars.com/email/images/emailnav_02.png" alt="TV &amp; Radio" name="Image19" width="102" height="35" border="0" id="Image19" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Why FUEL?','','images/main-nav_roll_02.png',1)"></a><a href="http://fuelsellscars.com/directmarketing.html" target="_blank" onmouseover="MM_swapImage('TV &amp; Radio','','images/main-nav_roll_03.png',1)" onmouseout="MM_swapImgRestore()"><img src="http://fuelsellscars.com/email/images/emailnav_03.png" alt="Direct Marketing" name="TV &amp; Radio" width="160" height="35" border="0" id="TV &amp; Radio" /></a><a href="http://fuelsellscars.com/jingles.html" target="_blank" onmouseover="MM_swapImage('Web Video','','images/main-nav_roll_04.png',1)" onmouseout="MM_swapImgRestore()"><img src="http://fuelsellscars.com/email/images/emailnav_04.png" alt="Custom Jingles" name="Web Video" width="144" height="35" border="0" id="Web Video" /></a><a href="http://fuelsellscars.com/contact.html" target="_blank" onmouseover="MM_swapImage('Direct Marketing','','images/main-nav_roll_05.png',1)" onmouseout="MM_swapImgRestore()"><img src="http://fuelsellscars.com/email/images/emailnav_05.png" alt="Contact Us" name="Direct Marketing" width="116" height="35" border="0" id="Direct Marketing" /></a></div>
          </td>
        </tr>
      </table>
      <table border="0" align="center" cellpadding="0" cellspacing="0">
        <tr bordercolor="#CCCCCC">
          <td width="600" bgcolor="#1a1a1a"><div align="left">
            <h2 align="center"><img src="http://fuelsellscars.com/email/images/customizeanycampaign.png" width="550" height="38" alt="Customize Any Campaign To Your Store!" /></h2>
            <blockquote>
              <h1 align="center">Drive Traffic With A Proven-To-Work Mailer</h1>
              <blockquote>
                <h4 align="center"><em>We customized the GM Re-Payment Mailer for Classic Chevrolet Cadillac to run this month.</em></h4>
                <h2 align="center"><em>It was a HUGE success! They sold 40 vehicles last week with a 10,000 piece drop.</em>          </h2>
                <p align="center"><img src="http://firedupevents.com/email/images/thumbs/GM-Payback-Event-1.jpg" alt="GM Re-Payment Event" width="271" height="350" /><br />
                   View Printable PDF</p>
                <h1 align="center">Kill it in June with this mailer!</h1>
                <h4 align="center">8 page mailer Including list, postage, &amp; insurance. </h4>
                <h3 align="center">Pricing - $0.58/Piece </h3>
                <p align="justify">Remember, all of our Campaigns can be customized to your specific store, using your logo, lot footage (if applicable), and your choice of featured vehicles. </p>
                <p align="justify">FUEL works with dealers all across the country, of all makes and models, and we are no strangers to creating Co-Op compliant advertising, so you can  be sure your spots will be approved.</p>
                <p align="center">Contact our sales department for more Information.</p>
                <p align="center"><a href="mailto:sales@fuelsellscars.com">sales@fuelsellscars.com</a> | Ph: 712-256-0570 | <a href="http://www.fuelsellscars.com" target="_blank">www.fuelsellscars.com</a></p>
                <p align="right"><a href="http://www.facebook.com/home.php?#!/pages/Council-Bluffs-IA/FUEL/79816167075?ref=ts" target="_blank"><img src="http://fuelsellscars.com/images/facebook.png" alt="Find Us On Facebook" width="30" height="26" border="0" /></a><a href="http://twitter.com/fuel_marketing" target="_blank"><img src="http://fuelsellscars.com/images/twitter.png" alt="Follow Us On Twitter" width="30" height="26" border="0" /></a><a href="http://www.youtube.com/user/FuelMarketing" target="_blank"><img src="http://fuelsellscars.com/images/youtube.png" alt="Find Us On Youtube" width="30" height="26" border="0" /></a></p>
              </blockquote>
            </blockquote>
          </div></td>
        </tr>
      </table>
      <table border="0" align="center" cellpadding="0" cellspacing="0">
        <tr>
          <td width="600" valign="top" bgcolor="#222222"><div align="center"><a href="http://fuelsellscars.com" target="_blank" onmouseover="MM_swapImage('Home21','','images/main-nav_roll_01.png',1)" onmouseout="MM_swapImgRestore()"><img src="http://fuelsellscars.com/email/images/emailnav_01.png" alt="Home" name="Home21" width="76" height="35" border="0" id="Home21" /></a><a href="http://fuelsellscars.com/tvradio.html" target="_blank" onmouseover="MM_swapImage('Image1','','images/main-nav_roll_02.png',1)" onmouseout="MM_swapImgRestore()"><img src="http://fuelsellscars.com/email/images/emailnav_02.png" alt="TV &amp; Radio" name="Image1" width="102" height="35" border="0" id="Image1" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Why FUEL?','','images/main-nav_roll_02.png',1)"></a><a href="http://fuelsellscars.com/directmarketing.html" target="_blank" onmouseover="MM_swapImage('TV &amp; Radio21','','images/main-nav_roll_03.png',1)" onmouseout="MM_swapImgRestore()"><img src="http://fuelsellscars.com/email/images/emailnav_03.png" alt="Direct Marketing" name="TV &amp; Radio21" width="160" height="35" border="0" id="TV &amp; Radio21" /></a><a href="http://fuelsellscars.com/jingles.html" target="_blank" onmouseover="MM_swapImage('Web Video21','','images/main-nav_roll_04.png',1)" onmouseout="MM_swapImgRestore()"><img src="http://fuelsellscars.com/email/images/emailnav_04.png" alt="Custom Jingles" name="Web Video21" width="144" height="35" border="0" id="Web Video21" /></a><a href="http://fuelsellscars.com/contact.html" target="_blank" onmouseover="MM_swapImage('Direct Marketing21','','images/main-nav_roll_05.png',1)" onmouseout="MM_swapImgRestore()"><img src="http://fuelsellscars.com/email/images/emailnav_05.png" alt="Contact Us" name="Direct Marketing21" width="116" height="35" border="0" id="Direct Marketing21" /></a></div>
          </td>
        </tr>
      </table>
      <br />
      </body>
      </html>