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, 7 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, 7 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>

200,000 companies around the world can't be wrong.

From Australia to Zimbabwe, and everywhere in between, companies count on 
Campaign Monitor for email campaigns that drive real business results.

Get started for free
1-888-533-8098