SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Guru laflair13's Avatar
    Join Date
    Nov 2004
    Location
    TN
    Posts
    629
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Media Queries with Outlook email

    I am doing a responsive email where I can move the images if the email is being viewed on mobile.Everything looks great except in Outlook. It is displaying it in both places. I read that outlook does not recognize the "display:none" code. Is there anything else that can be done?

    Here is what I have my code looking like and its working on everything but outlook.

    Media Query Code
    Code:
     @media only screen and (max-device-width: 479px) {
                    #mobile {display:block}
                    #desktop {display:none;mso-hide: all;}
    
    
            }
    
    @media only screen and (min-device-width: 480px) {
                    #mobile {display:none;mso-hide: all;}
                    #desktop {display:block}
    
    }
            }
    And here is the html I am using.
    Code:
    <table id="mobile" align="right" width="35%" cellpadding="0" cellspacing="0" border="0" class="deviceWidth">
                                <tr>
                                    <td valign="top" align="right" class="hisrc">
                                        <p style="mso-table-lspace:0;mso-table-rspace:0; margin:0; font-family:Helvetica, sans-serif; font-size:11px; color:323338; text-align:left; line-height:15px;">
                                        <img src="vna-logo.png" alt="" border="0" style="padding-bottom:18px;border-radius: 4px; width: 220px;" class="deviceWidth" />  
    
    
                                    </td>
                                </tr>
                            </table>
    
     <table id="desktop" align="right" width="35%" cellpadding="0" cellspacing="0" border="0" class="deviceWidth">
                                <tr>
                                    <td valign="top" align="right" class="hisrc">
                                        <p style="mso-table-lspace:0;mso-table-rspace:0; margin:0; font-family:Helvetica, sans-serif; font-size:11px; color:323338; text-align:left; line-height:15px;">
                                        <img src="vna-logo-2.png" alt="" border="0" style="padding-bottom:18px;border-radius: 4px; width: 220px;" class="deviceWidth" />  
    
    
                                    </td>
                                </tr>
                            </table>
    I was able to get it working with text but not images. The images are showing up in both places.
    Thanks In Advance

    David

  2. #2
    Barefoot on the Moon! silver trophy Force Flow's Avatar
    Join Date
    Jul 2003
    Location
    Northeastern USA
    Posts
    4,617
    Mentioned
    56 Post(s)
    Tagged
    1 Thread(s)
    Unfortunately, when it comes to email, best HTML/CSS practices for the web do not translate well at all to email. There are dozens of mail clients and webmail providers out there, and none of them are standardized and/or support any of the latest and greatest CSS and HTML standards. Each one of them supports HTML and CSS to differing degrees, some strip out @media tags, and some even strip out linked CSS files. Some don't even read HTML/CSS at all, so you have to include a plain text version of your email along with your HTML version.

    You basically have to treat email like you are writing code in 1996 using tables and sliced images for layout. It certainly isn't pretty.

    http://kb.mailchimp.com/article/how-...e-html-emails/

    On the other hand, if this is for a newsletter, you can email a short blurb with a link to a page on your website to get around the HTML/CSS issues of email.
    Visit The Blog | Follow On Twitter
    301tool 1.1.5 - URL redirector & shortener (PHP/MySQL)
    Can be hosted on and utilize your own domain

  3. #3
    SitePoint Guru laflair13's Avatar
    Join Date
    Nov 2004
    Location
    TN
    Posts
    629
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I got it to work on everything but the outlook email client. Dont understand how the text is working but the images using the same code is not.
    Thanks In Advance

    David

  4. #4
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,319
    Mentioned
    462 Post(s)
    Tagged
    8 Thread(s)
    Quote Originally Posted by laflair13 View Post
    Here is what I have my code looking like and its working on everything but outlook.
    Most email clients don't recognize @media, so don't rely too much on it. Use it for enhancements. Here's a handy guide to what is supported in emails:

    http://www.campaignmonitor.com/css/

    (The PDF download is more specific about what's supported, including which clients support @media—simply called 'responsive' on the web page.)

  5. #5
    SitePoint Guru laflair13's Avatar
    Join Date
    Nov 2004
    Location
    TN
    Posts
    629
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Responsive email looks good in everything but Outlook 13

    I am trying to get a responsive email going and it looks good in everything but Outlook 07,10,13. I cannot figure out for the life of me why it is not working. I know it is probably something super simple I am missing.

    Any help would be greatly appreciated.

    Heres a screenshot,

    Screenshot 2014-01-21 07.37.52.png

    Here is the code I am using.

    Code:
    <!doctype html>
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    
    <title>Stop guessing and start growing with PlayMaker CRM</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="HandheldFriendly" content="true">
                                                                                                                                                                                                                                                                                                                                                                                                            
    <style type="text/css">
    	.ReadMsgBody {width: 100%; background-color: #ffffff;}
    	.ExternalClass {width: 100%; background-color: #ffffff;}
    	body	 {width: 100%; background-color: #ffffff; margin:0; padding:0; -webkit-font-smoothing: antialiased;font-family: Georgia, Times, serif}
    	table {border-collapse: collapse;}
    	span.preheader { display: none !important; }
    	
    	@media only screen and (max-device-width: 640px)  {
    					body[yahoo] .deviceWidth {width:440px!important; padding:0;}	
    					body[yahoo] .center {text-align: center!important;}	 
    			}
    			
    	@media only screen and (max-device-width: 479px) {
    					body[yahoo] .deviceWidth {width:320px!important; padding:0;}	
    					body[yahoo] .center {text-align: center!important;}	
    					 
    			}
    			
    	@media only screen and (max-device-width: 479px) {
    					#mobile {display:block}
    					#desktop {display:none;mso-hide: all;}
    					
    					
    			}
     
    /* Special Rules for Tablets */
    	@media only screen and (min-device-width: 480px) {
    					#mobile {display:none;mso-hide: all;}
    					#desktop {display:block}
    					
        }
    			}
    			
    	
    	
    		
    
    </style>
    
    
    </head>
    
    <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" yahoo="fix" style="font-family: Georgia, Times, serif">
    
    <span class="preheader">Here is where our preheader would go. We can change it to anything we want.</span>
    
    <!-- Wrapper -->
    <table width="100%" border="0" cellpadding="0" cellspacing="0" align="center">
    	<tr>
    		<td width="100%" valign="top" bgcolor="#ffffff" style="padding-top:20px">
            
            
            <table width="100%" border="0" cellpadding="0" cellspacing="0" align="center">
    				<tr>
    					<td bgcolor="#e6e6e7" height="31">
                            <table width="600" border="0" cellpadding="0" cellspacing="0" align="center" class="deviceWidth">
                                <tr>
                                    <td valign="top" style="font-size: 12px; color: #5f6062; font-family: Helvetica, sans-serif; text-align:center" class="deviceWidth">
                                         Can't see this email? <a href="http://playmakercrm.com/email/2014/2/web.html" style="text-decoration:underline; color:#214897">Click here</a>
    								 </td>
                            	</tr>
                            </table>                                                              		
                        </td>
                    </tr>
                </table>
            
     
    		
                    <div style="height:20px">&nbsp;</div><!-- spacer -->
    
    
    			<!-- Start Header-->
                <table width="600" border="0" cellpadding="0" cellspacing="0" align="center" class="deviceWidth">
    				<tr>
    					<td width="100%" bgcolor="#ffffff">
    
                                <!-- Logo -->
                                <table border="0" cellpadding="0" cellspacing="0" align="left" class="deviceWidth">
                                    <tr>
                                        <td style="padding:10px 20px" class="center">
                                            <img src="http://playmakercrm.com/email/2014/Mobile/logo.png"  alt="" border="0" >
                                        </td>
                                    </tr>
                                </table><!-- End Logo -->
                                
                                <!-- Nav -->
                                <table border="0" cellpadding="0" cellspacing="0" align="right" class="deviceWidth">
                                    <tr>
                                        <td class="center" style="font-size: 17px; font-style:italic; color: #959595; font-weight: normal; text-align: left; font-family: Helvetica, sans-serif; line-height: 26px; padding-top:40px">
                                            Sales Innovation for Home Care
    
                                        </td>
                                    </tr>
                                </table><!-- End Nav -->
    
    					</td>
    				</tr>
    			</table><!-- End Header -->
    			
    			<!-- One Column -->
    			<table width="600"  class="deviceWidth" border="0" cellpadding="0" cellspacing="0" align="center">
    				<tr>
    					<td valign="top" style="padding:0" bgcolor="#ffffff">
    						<img  class="deviceWidth" src="http://playmakercrm.com/email/2014/1/divider.png" alt="" border="0" style="display: block; border-radius: 4px;" />						
    					</td>
    				</tr>
                                 
    			</table><!-- End One Column -->
    
    
    <div style="height:15px">&nbsp;</div><!-- spacer -->
    
    
                <table width="600" border="0" cellpadding="0" cellspacing="0" align="center" class="deviceWidth">
                    <tr>
                        <td>
                        
                        
                                <table width="48%" border="0" cellpadding="0" cellspacing="0" align="left" class="deviceWidth">
                                    <tr>
                                        <td>
                                         <a href="http://playmakercrm.com/demo/"><img width="295" src="http://playmakercrm.com/email/2014/2/pm-screen.png" alt="" border="0" style="border-radius: 4px; display: block;padding-top:80px" class="deviceWidth" /></a>
                                        </td>
                                    </tr>
                                </table>  
                                
                                
                                                     
                                <table width="50%" border="0" cellpadding="0" cellspacing="0" align="right" class="deviceWidth">
                                    <tr>
                                        <td>
                                       <p style="font-size: 28px; color: #ab1620; font-weight: normal; text-align: left; line-height:34px; font-family: Helvetica, sans-serif; margin:-3px 0">~Contact.FirstName~,</p>
    						<p style="font-size: 31px; color: #ab1620; font-weight: normal; text-align: left; line-height:34px; font-family: Helvetica, sans-serif; margin:-3px 0">Here’s the proven tool to grow your referrals and profits!</p>
    					  
    						
    						<p style="font-size: 14px; color: #646468; font-weight: normal; text-align: left; line-height:22px; font-family: Helvetica, sans-serif;">Stop guessing and start growing with PlayMaker CRM's TargetWatch, the must-have tool to immediately identify and target the top referring physicians and facilities in your market.</p>
                            <p style="font-size: 14px; color: #646468; font-weight: normal; text-align: left; line-height:22px; font-family: Helvetica, sans-serif;">With TargetWatch, high-value referral sources are easier to identify, target and monitor in real-time to rapidly take your referrals to another level.</p>
                          
                            
                            
    						<p style="font-size: 14px; color: #191a1d; font-weight: bold; text-align: left; line-height:22px; font-family: Helvetica, sans-serif;">Don’t wait… dominate your market now. Contact us today for your free demo.</p>	
                                            
                                        </td>
                                    </tr>
                                </table>  
                             
                        </td>
                    </tr>
                                    
                </table><!-- End 2 Column Images & Text Side by SIde -->
                            
    <div style="height:15px">&nbsp;</div><!-- spacer -->
    
                <!--Button-->
    			<table width="600" border="0" cellpadding="0" cellspacing="0" align="center" class="deviceWidth">
    				<tr>
    					<td width="100%" bgcolor="#ffffff">
                        	<table cellspacing="0" border="0" cellpadding="0" width="260" align="center">
    							<tr>
    								<td height="50" bgcolor="#FFA500" style="border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; font-size: 16px; font-family: sans-serif; color: #FFFFFF; margin: 0; padding: 0; text-align: center;" class='vero-editable'><a href="http://playmakercrm.com/demo/" style="font-weight:bold; text-decoration:underline;color: #ffffff;text-decoration:none;">Request your free demo &rarr;</a>
                                    </td>
    							</tr>
    						</table>
                         </td>
    				</tr>
    			</table><!--End Button-->
                            
    <div style="height:20px">&nbsp;</div><!-- spacer -->
    
               <table width="600" border="0" cellpadding="0" cellspacing="0" align="center" class="deviceWidth">
    				<tr>
    					<td width="100%" bgcolor="#ffffff">
    
                                <!-- Number -->
                                <table border="0" cellpadding="0" cellspacing="0" align="center" class="deviceWidth">
                                    <tr>
                                        <td class="deviceWidth" style="font-size: 16px; color: #191a1d ; font-weight: normal; text-align: left; font-family: Helvetica, sans-serif; vertical-align: top;">Ready to see a free demo? <span style="color: #ab1620">1-866-930-6847</span>
    									</td>
                                    </tr>
                                </table><!-- End Number -->
    					</td>
    				</tr>
    			</table>
                
    
    <div style="height:15px">&nbsp;</div><!-- spacer -->
    
    <!-- One Column -->
    			<table width="600"  class="deviceWidth" border="0" cellpadding="0" cellspacing="0" align="center" bgcolor="#eeeeed">
    				<tr>
    					<td valign="top" style="padding:0" bgcolor="#ffffff">
    						<img  class="deviceWidth" src="http://playmakercrm.com/email/2014/1/divider.png" alt="" border="0" style="display: block; border-radius: 4px;" />						
    					</td>
    				</tr>
                                 
    			</table><!-- End One Column -->
    
    <div style="height:15px">&nbsp;</div><!-- spacer -->
                <table width="600" border="0" cellpadding="0" cellspacing="0" align="center" class="deviceWidth">
    				<tr>
    					<td width="100%" bgcolor="#ffffff">
    
                           
                                
                                <table border="0" cellpadding="0" cellspacing="0" align="left" class="deviceWidth">
                                    <tr>
                                        <td width="600" style="font-size: 14px; color: #ab1620; font-weight: normal; text-align: left; font-family: Verdana, Geneva, sans-serif; vertical-align: top;">
                                        Here’s what our satisfied customers are saying…
                                        </td>
                                    </tr>
                                </table>
    
    					</td>
    				</tr>
    			</table>
    <div id="desktop" style="height:15px">&nbsp;</div><!-- spacer -->
    
    
    
    		    <!-- 2 Column Images & Text Side by SIde -->
                <table width="600" border="0" cellpadding="0" cellspacing="0" align="center" class="deviceWidth">
                    <tr>
                        <td style="padding:10px 0">
                        
                        
                           <table align="left" width="51%" cellpadding="0" cellspacing="0" border="0" class="deviceWidth">
                                    <tr>
                                        <td style=" font-size: 14px; font-style:italic; color: #959595; font-weight: normal; text-align: left; font-family: Helvetica, sans-serif; line-height: 24px; padding-top:20px">
    						<p>What I was really looking for in a CRM is something that would make us more efficient in general, and I found it with PlayMaker CRM. Year to date we have increased our referrals by 2,000 over the prior year.</p>
                         
                                        </td>
                                    </tr>
                                </table> 
                                
                                 <table align="center" width="5%" cellpadding="0" cellspacing="0" border="0" class="deviceWidth">
                                    <tr>
                                        <td valign="top" align="left" class="center" style="padding-top:5px">
                                               
                                        </td>
                                    </tr>
                                </table> 
                                <table align="right" width="44%" cellpadding="0" cellspacing="0" border="0" class="deviceWidth">
                                    <tr>
                                        <td valign="top" align="left" class="center" style="padding-top:5px">
                                                <img width="220" src="http://playmakercrm.com/email/2014/2/vna-logo.png" alt="" border="0" style="border-radius: 4px; width: 267px; display: block;" class="deviceWidth" />
                                                <p style="font-family:Helvetica, sans-serif; font-size:11px; color:323338; line-height:15px;"><span style="font-weight:bold">Joseph Allen</span><br>
    									Director of Business Development<br>
    									VNA California</p>
                                        </td>
                                    </tr>
                                </table>                       
                              
                             
                        </td>
                    </tr>
                                    
                </table><!-- End 2 Column Images & Text Side by SIde -->
                
     
     
    
    
    
    		    <!-- 2 Column Images & Text Side by SIde -->
                <table width="600" border="0" cellpadding="0" cellspacing="0" align="center" class="deviceWidth">
                    <tr>
                        <td style="padding:10px 0">
                        
                        
                           <table align="left" width="51%" cellpadding="0" cellspacing="0" border="0" class="deviceWidth">
                                    <tr>
                                        <td style=" font-size: 14px; font-style:italic; color: #959595; font-weight: normal; text-align: left; font-family: Helvetica, sans-serif; line-height: 24px; padding-top:20px">
    						<p>We’ve had substantial referral growth since fully implementing PlayMaker. As we are able to monitor performance more accurately and measure it, we have seen referrals grow at least 6-and-a-half percent higher than last year.</p>
                          	
                                            
                                        </td>
                                    </tr>
                                </table> 
                                
                                  <table align="center" width="5%" cellpadding="0" cellspacing="0" border="0" class="deviceWidth">
                                    <tr>
                                        <td valign="top" align="left" class="center" style="padding-top:5px">
                                               
                                        </td>
                                    </tr>
                                </table>
                                <table align="right" width="44%" cellpadding="0" cellspacing="0" border="0" class="deviceWidth">
                                    <tr>
                                        <td valign="top" align="left" class="center" style="padding-top:5px">
                                                <img width="220" src="http://playmakercrm.com/email/2014/2/3hc-logo.png" alt="" border="0" style="border-radius: 4px; width: 267px; display: block;" class="deviceWidth" />
                                                <p style="font-family:Helvetica, sans-serif; font-size:11px; color:323338; line-height:15px"><b>Ed Holt</b><br>
    									Director of Marketing<br>
    									3HC - Home Health and Hospice Care, Inc.</p>
                                      </td>
                                    </tr>
                                </table>                       
                              
                             
                        </td>
                    </tr>
                                    
                </table><!-- End 2 Column Images & Text Side by SIde -->
                              
                
    
    
    <div style="height:25px">&nbsp;</div><!-- spacer -->
    
                  <table width="100%" border="0" cellpadding="0" cellspacing="0" align="center" >
    				<tr>
    					<td width="100%" bgcolor="#e6e6e7" height="57">
                            <table width="600" border="0" cellpadding="0" cellspacing="0" align="center"  class="deviceWidth">
                                <tr>
                                    <td valign="top" style="font-size: 12px; color: #5f6062; font-family: Helvetica, sans-serif; text-align:center">
                                                    <img src="http://playmakercrm.com/email/2014/1/inc500.png" width="170" height="45"> </td>
                            	</tr>
                            </table>                                                              		
                        </td>
                    </tr>
                </table>
    
    			<!-- 4 Columns -->
    			<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center">
    				<tr>
    					<td bgcolor="#323338" style="padding:30px 0">
                            <table width="600" border="0" cellpadding="0" cellspacing="0" align="center" class="deviceWidth">
                                <tr>
                                    <td>                    
                                            <table width="78%" cellpadding="0" cellspacing="0"  border="0" align="left" class="deviceWidth">
                                                <tr>
                                                    <td valign="top" style="font-size: 11px; color: #f1f1f1; color:#999; font-family: Arial, sans-serif; padding-bottom:20px" class="center">
    
                                                      2014 PlayMaker CRM. All rights reserved.<br/>
    													866.930.6847  |  <a href="http://playmakercrm.com/demo/" style="color:#9fa1a4;text-decoration:underline;">playmakercrm.com</a>
    
                                                    </td>
                                                </tr>
                                            </table>
                            
                                            <table width="22%" cellpadding="0" cellspacing="0"  border="0" align="right" class="deviceWidth">
                                                <tr>
                                                    <td valign="top" style="font-size: 14px; color: #ffffff; font-weight: bold; font-family: Helvetica, sans-serif; text-align:left; line-height:15px; vertical-align: top; text-align:left" class="center">
    
                                                        Connect with us!<br>
                                                        <a href="http://twitter.com/playmakercrm" target="_blank"><img src="http://playmakercrm.com/email/2014/1/twitter.png" width="36" height="36" alt="Twitter" title="Twitter" border="0" style="padding:5px 7px 5px 0" /></a>
    
                                                        <a href="http://www.facebook.com/playmakercrmhomecare" target="_blank"><img src="http://playmakercrm.com/email/2014/1/facebook.png" width="36" height="36" alt="Facebook" title="Facebook" border="0" style="padding:5px 7px 5px 0" /></a>
    
                                                        <a href="http://www.linkedin.com/company/playmaker-crm" target="_blank"><img src="http://playmakercrm.com/email/2014/1/linkedin.png" width="36" height="36" alt="LinkedIn" title="LinkedIn" border="0" style="padding:5px 0 " /></a>
    
                                                    </td>
                                                </tr>
                                            </table>   
                            
                            		</td>
                            	</tr>
                            </table>                                                              		
                        </td>
                    </tr>
                </table><!-- End 4 Columns -->
    						
    		</td>
    	</tr>
    </table> <!-- End Wrapper -->
    
    
    
    
    
    
    </body>
    </html>
    Thanks In Advance

    David

  6. #6
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,526
    Mentioned
    182 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    The only way to solve this is by trying things out but as I don't have outlook I can't test for you so you will need to have a play around with the following.

    Try setting the widths on those two nested tables in px rather than percent and make sure they add up to less than the available width.

    However I would suggest that rather than having a one celled table width two nested tables inside you would have been better of with a two cell table and the image and text could not fail to be side by side then.

    Code:
    <table width="600" border="0" cellpadding="0" cellspacing="0" align="center" class="deviceWidth">
    								<tr>
    										<td><table width="48%" border="0" cellpadding="0" cellspacing="0" align="left" class="deviceWidth">
    														<tr>
    																<td><a href="http://playmakercrm.com/demo/"><img width="295" src="http://playmakercrm.com/email/2014/2/pm-screen.png" alt="" border="0" style="border-radius: 4px; display: block;padding-top:80px" class="deviceWidth" /></a></td>
    														</tr>
    												</table>
    												<table width="50%" border="0" cellpadding="0" cellspacing="0" align="right" class="deviceWidth">
    														<tr>
    																<td><p style="font-size: 28px; color: #ab1620; font-weight: normal; text-align: left; line-height:34px; font-family: Helvetica, sans-serif; margin:-3px 0">~Contact.FirstName~,</p>
    																		<p style="font-size: 31px; color: #ab1620; font-weight: normal; text-align: left; line-height:34px; font-family: Helvetica, sans-serif; margin:-3px 0">Here’s the proven tool to grow your referrals and profits!</p>
    																		<p style="font-size: 14px; color: #646468; font-weight: normal; text-align: left; line-height:22px; font-family: Helvetica, sans-serif;">Stop guessing and start growing with PlayMaker CRM's TargetWatch, the must-have tool to immediately identify and target the top referring physicians and facilities in your market.</p>
    																		<p style="font-size: 14px; color: #646468; font-weight: normal; text-align: left; line-height:22px; font-family: Helvetica, sans-serif;">With TargetWatch, high-value referral sources are easier to identify, target and monitor in real-time to rapidly take your referrals to another level.</p>
    																		<p style="font-size: 14px; color: #191a1d; font-weight: bold; text-align: left; line-height:22px; font-family: Helvetica, sans-serif;">Don’t wait… dominate your market now. Contact us today for your free demo.</p></td>
    														</tr>
    												</table></td>
    								</tr>
    						</table>
    Change the above to a two celled table instead of nested tables and it should work out of the box.
    e.g. something like:

    Code:
    <table width="600" border="0" cellpadding="0" cellspacing="0" align="center" class="deviceWidth">
    		<tr>
    				<td width="48%" class="deviceWidth" align="left"><a href="http://playmakercrm.com/demo/"><img width="295" src="http://playmakercrm.com/email/2014/2/pm-screen.png" alt="" border="0" style="border-radius: 4px; display: block;padding-top:80px" class="deviceWidth" /></a></td>
    				<td align="right" class="deviceWidth"><p style="font-size: 28px; color: #ab1620; font-weight: normal; text-align: left; line-height:34px; font-family: Helvetica, sans-serif; margin:-3px 0">~Contact.FirstName~,</p>
    						<p style="font-size: 31px; color: #ab1620; font-weight: normal; text-align: left; line-height:34px; font-family: Helvetica, sans-serif; margin:-3px 0">Here’s the proven tool to grow your referrals and profits!</p>
    						<p style="font-size: 14px; color: #646468; font-weight: normal; text-align: left; line-height:22px; font-family: Helvetica, sans-serif;">Stop guessing and start growing with PlayMaker CRM's TargetWatch, the must-have tool to immediately identify and target the top referring physicians and facilities in your market.</p>
    						<p style="font-size: 14px; color: #646468; font-weight: normal; text-align: left; line-height:22px; font-family: Helvetica, sans-serif;">With TargetWatch, high-value referral sources are easier to identify, target and monitor in real-time to rapidly take your referrals to another level.</p>
    						<p style="font-size: 14px; color: #191a1d; font-weight: bold; text-align: left; line-height:22px; font-family: Helvetica, sans-serif;">Don’t wait… dominate your market now. Contact us today for your free demo.</p></td>
    						</td>
    		</tr>
    </table>

    If that doesn't work then pull that table section out into a page of its own and test again to see whether the problem is really with that section as it may be some other construct that is causing the issue.

    It's a case of narrowing things down which is hard to do without the client you want to test in.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •