Missing <$images$> in web version

My first campaign went off with a bang. The only problem I've had is the <$images$> are missing in the webversion. Can anyone help me out. Cheers Muzza!

http://extremephotography.cmail1.com/T/ViewEmail/r/CBA4C1E36C65B216

BThies BThies, 6 years ago

Could be an issue on CM's side, but can you post the original template code?

For future reference: Height, background images, padding and several other elements are not supported in all e-mail clients.  It also may break in several clients based on how it's coded.


Brian Thies
Professional Email Developer
Thies Publishing
Jumpmuz, 6 years ago

Cheers Brian,

It was very much a wrestle building this template. The images showed up in the email, so it might just be a CM problem.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>TechOffers Newsletter</title>
    <style type="text/css" media="screen">
        td p{
            font-family:Arial,Helevtica,Verdana,san-serif;
            font-size:13px;
            line-height:23px;
            color: #7a7a7a;
        }
        td li{
            font-family:Arial,Helevtica,Verdana,san-serif;
            font-size:13px;
            line-height:23px;
            color: #7a7a7a;
        }
        a:link, a:visited {
            color: red;
        }
    </style>
</head>

<body style="margin: 0; padding: 0; background-color: #464c58;">
    <table cellpadding="0" cellspacing="0" width="100%" height="100%" background="images/dots.jpg" bgcolor="#464c58">
        <tr>
            <td>
            <table align="center" cellpadding="0" cellspacing="0" width="720">
                <tr>
                    <td>
                        <table align="center" cellpadding="0" cellspacing="0">
                            <tr>
                                <td width="10px" height="100%"></td>
                                <td width="700px" height="105px" background="images/header.gif"></td>    
                                <td style="width: 10px; height: 100%;"></td>
                            </tr>
                        </table>    
                        <!-- top -->
                    </td>
                </tr>
                
                <tr>
                    <td>
                        <table align="center" cellpadding="0" cellspacing="0">
                            <tr>
                                <td width="10px" height="100%"></td>
                                <td width="389px" height="98px" background="images/top.gif" style="padding-left: 33px;">
                                    <h1 style="font-family:'Trebuchet MS',Arial,Helvetica,san-serif; font-size:30px; letter-spacing:-1px; font-weight:normal; color:#202125; line-height:35px;">Hi [firstname,fallback=Hello]</h1>
                                </td>    
                                <td width="251px" height="98px" background="images/top.gif" style="padding-right:27px;">
                                    <h1 style="font-family: 'Trebuchet MS',Arial,Helvetica,san-serif; font-size:30px; letter-spacing:-1px; font-weight:normal; color:#202125; line-height:35px; text-align:right;"><$currentmonthname$> <$currentyear$></h1>
                                </td>
                                   <td style="width: 10px; height: 100%;"></td>
                            </tr>
                        </table>    
                        <!-- top -->
                    </td>
                </tr>
                
                <tr>
                    <td>
                        <table align="center" cellpadding="0" cellspacing="0">
                            <tr>
                                <td width="10px" height="100%"></td>
                                <td width="53px" height="100%" bgcolor="#ffffff"></td>
                                <td width="280px" height="80px" bgcolor="#ffffff">
                                    <p style="font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4a4a4a; line-height:19px; text-align:center; padding:8px; border:1px solid #999999;">Having trouble viewing this newsletter?<br/><webversion>Click here to view it in your browser</webversion></p>
                                </td>
                                <td width="40px" height="100%" bgcolor="#ffffff"></td>    
                                <td width="280px" height="80px" bgcolor="#ffffff">
                                    <p style="font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4a4a4a; line-height:19px; text-align:center; padding:8px; border:1px solid #999999;">Know someone who might be interested?<br/><forwardtoafriend>Why not forward this email to a friend.</forwardtoafriend></p>
                                </td>
                                <td width="47px" height="100%" bgcolor="#ffffff"></td>
                                   <td style="width: 10px; height: 100%;"></td>
                            </tr>
                        </table>    
                        <!-- top -->
                    </td>
                </tr>
                                
                <tr>
                    <td>
                        <table cellpadding="0" cellspacing="0" style="width: 720px; height: 87px;" align="center">
                            <tr>
                                <td width="10px" height="87px" background="images/left_ribon.gif"></td>
                                <td width="700px" height="87px" background="images/ribon_1.jpg"><a target="_blank" style="display: block; height: 35px;" href="http://extremephotography.com.au"></a></td>
                                <td width="10px;" height="87px" background="images/right_ribon.gif"></td>
                            </tr>
                        </table>
                        <!-- ribon -->
                    </td>
                </tr>
                
                <tr>
                    <td>
                        <table align="center" cellpadding="0" cellspacing="0">
                            <tr>
                                <td width="10px" height="100%"></td>
                                <td width="640px" height="100%" bgcolor="#FFFFFF" style="padding-left: 33px; padding-right: 27px; padding-bottom: 20px;">
                                    <table cellpadding="0" cellspacing="0">
                                        <tr>
                                            <td valign="top" width="600px" height="300px" style="padding-left:20px; ">
                                                
                                                <!-- Repeater -->
                                                
                                                <repeater>
                                                <img src="<$imagesrc link='false'$>" width="600" height="225" alt="Main Content Inline Small" align="left" vspace="20">
                                                
                                                <h1 style="font-family:'Trebuchet MS',Arial,Helvetica,san-serif; font-size:28px; letter-spacing:-1px; font-weight:normal; color:#202125; line-height:35px; padding-top:20px;"><$title link='true' default='Enter your title'$></h1>
                                                <p><$description default='Enter your description'$></p>
                                                </repeater>
                                                
                                                <!-- Repeater -->
                                                
                                            </td>                                                                               
                                        </tr>
                                    </table>
                                   
                                </td>
                                <!-- wrapper td -->
                                <td style="width: 10px; height: 100%;"></td>
                            </tr>
                        </table>    
                    
                    </td>
                </tr>
                <!-- first set of offers -->    
                                            
                <tr>
                    <td>
                        <table align="center" cellpadding="0" cellspacing="0">
                            <tr>
                                <td width="10px" height="100%"></td>
                                <td width="700px" height="16px" background="images/bottom.gif"></td>    
                                <td style="width: 10px; height: 100%;"></td>
                            </tr>
                            
                            <tr>
                                <td width="10px" height="100%"></td>
                                <td align="justify" style="padding-top:11px; padding-bottom:32px;">
                                    <p style="font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; line-height:16px; text-align:center;">Don't want to receive this newsletter again? <unsubscribe>Unsubscribe from this newsletter.</unsubscribe></p>
                                
                                </td>    
                                <td style="width: 10px; height: 100%;"></td>
                            </tr>
                        </table>    
                        <!-- bottom and copyrights -->
                    </td>
                </tr>

            </table>
            <!-- newsletter -->
        </td>
    </tr>
</table>
</div>
</body>
</html>

Join 200,000 companies around the world that use Campaign Monitor to run email marketing campaigns that deliver results for their business.

Get started for free
1-888-533-8098