Making Tables Colapse

So I downloaded a template from Campaign Monitors' custom template generator using the image/product gallery option, because I love this categories' flexibility. However, when I tweek the html or css and then go to reload the template into Campaign Monitor it does not work as it did when I originally downloaded it from CM.

It will still allow me to add a new section with one image per row, two image per row, etc. But the problem comes when I decide to delete a section. When I delete a section there is a giant gaping hole where the image field once was. It seems like the table which houses this image container is not collapsing as it should when the container is removed.

Anybody have this experience? Anyone know how to fix it or what I have been doing wrong?

roshodgekiss roshodgekiss, 4 years ago

Hi Star Beverage, welcome to the forums. It's hard to say what's changed from the original template to your updated one, so could you kindly post your code here? We'll happily take a look and make suggestions. Thank you!


Get in touch with us on Twitter: http://twitter.com/campaignmonitor
We're also on Facebook: http://facebook.com/campaignmonitor
Star Beverage Star Beverage, 4 years ago

Sure, not a problem. This issue seems to occur whenever I upload the template to Campaign Monitor and then try to edit it through CM's WSYWIG.

Here is the code:

<!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" />
<title>Untitled Document</title>
<style type="text/css">
/* Mobile-specific Styles */
@media only screen and (max-device-width: 480px) { 
table[class=w0], td[class=w0] { width: 0 !important; }
table[class=w10], td[class=w10], img[class=w10] { width:5px !important; }
table[class=w15], td[class=w15], img[class=w15] { width:5px !important; }
table[class=w30], td[class=w30], img[class=w30] { width:10px !important; }
table[class=w60], td[class=w60], img[class=w60] { width:10px !important; }
table[class=w125], td[class=w125], img[class=w125] { width:80px !important; }
table[class=w130], td[class=w130], img[class=w130] { width:55px !important; }
table[class=w140], td[class=w140], img[class=w140] { width:90px !important; }
table[class=w160], td[class=w160], img[class=w160] { width:180px !important; }
table[class=w170], td[class=w170], img[class=w170] { width:100px !important; }
table[class=w180], td[class=w180], img[class=w180] { width:80px !important; }
table[class=w195], td[class=w195], img[class=w195] { width:80px !important; }
table[class=w220], td[class=w220], img[class=w220] { width:80px !important; }
table[class=w240], td[class=w240], img[class=w240] { width:180px !important; }
table[class=w255], td[class=w255], img[class=w255] { width:185px !important; }
table[class=w275], td[class=w275], img[class=w275] { width:135px !important; }
table[class=w280], td[class=w280], img[class=w280] { width:135px !important; }
table[class=w300], td[class=w300], img[class=w300] { width:140px !important; }
table[class=w325], td[class=w325], img[class=w325] { width:95px !important; }
table[class=w360], td[class=w360], img[class=w360] { width:140px !important; }
table[class=w410], td[class=w410], img[class=w410] { width:180px !important; }
table[class=w470], td[class=w470], img[class=w470] { width:200px !important; }
table[class=w580], td[class=w580], img[class=w580] { width:280px !important; }
table[class=w624], td[class=w640], img[class=w640] { width:300px !important; }
table[class=hide], td[class=hide], img[class=hide], p[class=hide], span[class=hide], .hide { display:none !important; }
table[class=h0], td[class=h0] { height: 0 !important; }
p[class=footer-content-left] { text-align: center !important; }
#headline p { font-size: 30px !important; }
 }
 
/* Client-specific Styles */
#outlook a { padding: 0; }    /* Force Outlook to provide a "view in browser" button. */
body { width: 100% !important; }
.ReadMsgBody { width: 100%; }
.ExternalClass { width: 100%; display:block !important; } /* Force Hotmail to display emails at full width */

/* Add 100px so mobile switch bar doesn't cover street address. */
html, body { background-color: #e2e2e2; margin: 0; padding: 0; }
img { height: auto; line-height: 100%; outline: none; text-decoration: none; display: block;}
br, strong br, b br, em br, i br { line-height:100%; }
h1, h2, h3, h4, h5, h6 { line-height: 100% !important; -webkit-font-smoothing: antialiased; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: blue !important; }
h1 a:active, h2 a:active,  h3 a:active, h4 a:active, h5 a:active, h6 a:active {    color: red !important; }

/* Preferably not the same color as the normal header link color.  There is limited support for psuedo classes in email clients, this was added just for good measure. */
h1 a:visited, h2 a:visited,  h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited { color: purple !important; }
/* Preferably not the same color as the normal header link color. There is limited support for psuedo classes in email clients, this was added just for good measure. */  
table td, table tr { border-collapse: collapse; }
.yshortcuts, .yshortcuts a, .yshortcuts a:link,.yshortcuts a:visited, .yshortcuts a:hover, .yshortcuts a span {
color: black; text-decoration: none !important; border-bottom: none !important; background: none !important;
}

/* Body text color for the New Yahoo.  This example sets the font of Yahoo's Shortcuts to black. */
/* This most probably won't work in all email clients. Don't include <code _tmplitem="61" > blocks in email. */
code {
  white-space: normal;
  word-break: break-all;
}
#background-table { background-color: #e2e2e2; }
/* Webkit Elements */
#top-bar { border-radius:6px 6px 0px 0px; -moz-border-radius: 6px 6px 0px 0px; -webkit-border-radius:6px 6px 0px 0px; -webkit-font-smoothing: antialiased; background-color: #e2e2e2; color: #0c4da2; }
#top-bar a { font-weight: bold; color: #0c4da2; text-decoration: none;}
#footer { border-radius:0px 0px 6px 6px; -moz-border-radius: 0px 0px 6px 6px; -webkit-border-radius:0px 0px 6px 6px; -webkit-font-smoothing: antialiased; }
/* Fonts and Content */
body { font-family: Helvetica Neue, Arial, Helvetica, Geneva, sans-serif; }
.header-content, .footer-content-left, .footer-content-right { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; }
/* Prevent Webkit and Windows Mobile platforms from changing default font sizes on header and footer. */
.header-content { font-size: 10px; color: #0c4da2; }
.header-content a { font-weight: bold; color: #0c4da2; text-decoration: none; }
#headline p { color: #666666; font-family: Helvetica Neue, Arial, Helvetica, Geneva, sans-serif; font-size: 36px; text-align: center; margin-top:0px; margin-bottom:30px; }
#headline p a { color: #666666; text-decoration: none; }
.article-title {
    font-size: 18px;
    line-height:24px;
    margin-top:0px;
    margin-bottom:18px;
    font-family: Helvetica Neue, Arial, Helvetica, Geneva, sans-serif;
}
.article-title a { color: #ed1b34; text-decoration: none; }
.article-title.with-meta {margin-bottom: 0;}
.article-meta { font-size: 13px; line-height: 20px; color: #ccc; font-weight: bold; margin-top: 0;}
.article-content { font-size: 13px; line-height: 18px; color: #666666; margin-top: 0px; margin-bottom: 18px; font-family: Helvetica Neue, Arial, Helvetica, Geneva, sans-serif; }
.article-content a { color: #ed1b34; font-weight:bold; text-decoration:none; }
.article-content img { max-width: 100% }
.article-content ol, .article-content ul { margin-top:0px; margin-bottom:18px; margin-left:19px; padding:0; }
.article-content li { font-size: 13px; line-height: 18px; color: #666666; }
.article-content li a { color: #ed1b34; text-decoration:underline; }
.article-content p {margin-bottom: 0px;}
.footer-content-left { font-size: 10px; line-height: 15px; color: #666666; margin-top: 0px; margin-bottom: 0px; }
.footer-content-left a { color: #0c4da2; font-weight: bold; text-decoration: none; }
.footer-link { font-size: 11px; line-height: 0px; color: #0c4da2; margin-top: 0px; margin-bottom: 0px; font-weight: bold; text-decoration: none; }
.footer-link a { font-size: 11px; line-height: 0px; color: #0c4da2; margin-top: 0px; margin-bottom: 0px; font-weight: bold; text-decoration: none; }
.footer-content-right { font-size: 11px; line-height: 16px; color: #666666; margin-top: 0px; margin-bottom: 0px; }
.footer-content-right a { color: #0c4da2; font-weight: bold; text-decoration: none; }
#footer { background-color: #e2e2e2; color: #666666; }
#footer a { color: #0c4da2; text-decoration: none; font-weight: bold; }
.footer-content-right1 {font-size: 11px; line-height: 16px; color: #666666; margin-top: 0px; margin-bottom: 15px; }




<!--
.article-content {font-size: 13px; line-height: 18px; color: #666666; margin-top: 0px; margin-bottom: 18px; font-family: Helvetica Neue, Arial, Helvetica, Geneva, sans-serif; }
.article-title {font-size: 18px; line-height:24px; color: #ed1b34; font-weight:bold; margin-top:0px; margin-bottom:18px; font-family: Helvetica Neue, Arial, Helvetica, Geneva, sans-serif; }
.article-title {margin-bottom: 0;}
body {
    background-color: #e2e2e2;
}
.style5 {color: #F04A18}
.style8 {color: #666666; font-size: 12px; font-family: Arial, Helvetica, sans-serif;}

html, html a, .style1, .style2, .style3, .style4, .style5, .style6, .style7, .style8, h1, h2, h3, h4, h5, h6, h7, h8  {
    -webkit-font-smoothing: antialiased !important;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}
h1 { color: #333 !important; margin: 0px; font-weight: normal; font-size: 60px; font-family: Helvetica, Arial, sans-serif; }
h2 { font-weight: 100; font-size: 24px; font-family: Helvetica, Arial, sans-serif; color: #666666 !important; margin: 0px; }
h3 { font-size: 24px; font-family: Helvetica, Arial, sans-serif; color: #333 !important; margin: 0px; }
h4 { font-size: 14px; font-family: Helvetica, Arial, sans-serif; color: #666666 !important; margin: 12px 0px; line-height: 6px; }
h6 { font-size: 13px; font-family: Helvetica, Arial, sans-serif; color: #0000cc !important; font-weight: bold; margin: 12px 0px 0px 20px; line-height: 6px; }
p { font-size: 12px; line-height: 18px; font-family: Arial, Helvetica, sans-serif; color: #666666; margin: 0px; }
a { color: #0000cc; text-decoration: none; }
a:hover {
    color: #ED3A12 !important;
    text-decoration: underline !important;
}
a:hover#vw { background-color: #ffffff !important; text-decoration: none !important; color:#666666 !important; }
a:hover#ff { background-color: #6CF !important; text-decoration: none !important; color:#FFF !important; }
.issue h3 { margin: 0px; padding:0; font-size: 32px; font-family: Helvetica, Arial, sans-serif; color: #FFF !important; }
body,td,th {
    color: #666666;
}
body {
    background-color: #e2e2e2;
}
.style10 {color: #2261AE}
a:link {
    color: #2163AF;
}
a:visited {
    color: #ED3A12;
}
a:active {
    color: #ED3A12;
}
.style14 {font-size: 30px}

-->
</style>
</head>

<body>
<table width="624" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#E2E2E2">
  <!--DWLayoutTable-->
  <tr>
    <td width="624" height="45" valign="top"><table width="624" border="0" cellpadding="0" cellspacing="0" bgcolor="#e2e2e2">
        <!--DWLayoutTable-->
        <tr>
          <td width="209" height="45" valign="middle" bgcolor="#e2e2e2"><p style="font-size: 10px; font-family: Helvetica, Arial, sans-serif; color: #666666; margin: 0px; margin-left:22px;">Is this email not displaying correctly?</p></td>
          <td width="192" align="left" valign="middle" bgcolor="#e2e2e2"><p style="font-size: 12px; font-family: Helvetica, Arial, sans-serif; color: #666666; margin: 0px;">
              <webversion id="vw" style="float: left; padding: 5px; -webkit-border-radius: 3px; font-weight: bold; text-decoration: none; color: #666666; -khtml-border-radius: 3px; background: #e9e8e8; -moz-border-radius: 3px; border-radius: 3px;">View it in a web browser</webversion>
          </p></td>
          <td width="31" align="left" valign="middle" bgcolor="#e2e2e2"><fblike><img src="El Paso Images/facebook.jpg" width="30" height="25" /></fblike></td>
          <td width="33" align="left" valign="middle" bgcolor="#e2e2e2"><tweet><img src="El Paso Images/twitter.jpg" width="32" height="25" /></tweet></td>
          <td width="159" align="left" valign="middle" bgcolor="#e2e2e2"><forwardtoafriend><img src="El Paso Images/forward.jpg" width="141" height="25" /></forwardtoafriend></td>
        </tr>
    </table></td>
  </tr>
  <tr>
    <td height="149" valign="top"><table width="624" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
        <!--DWLayoutTable-->
        <tr>
          <td height="20" colspan="2" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
        </tr>
        <tr>
          <td width="507" height="109" align="left" valign="middle" bgcolor="#FFFFFF" style="padding-left: 22px"><span class="style14">
            <singleline label="Title">Liquor, Wine &amp; Beer. Made Easy.</singleline>
          </span>
            
            <p class="style8">El Paso WB Liquors</p>            </td>
          <td width="117" valign="top" bgcolor="#FFFFFF"><a href="http://www.wbliquors.com" target="_blank"><img src="El Paso Images/logo.jpg" alt="WB Liquors Logo" width="109" height="109" border="0px" /></a></td>
        </tr>
        <tr>
          <td height="20" colspan="2" valign="top" bgcolor="#FFFFFF"><!--DWLayoutEmptyCell-->&nbsp;</td>
        </tr>
        
        
        
        
        
        
        
        
        
        
        
        
        
        
    </table></td>
  </tr>
  <tr id="gallery-content-row">
    <td class="w624" height="372" valign="top">
    
    
      <table width="624" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
        <!--DWLayoutTable-->
        
        <tr>
          <td width="22" height="372">&nbsp;</td>
          <td width="580" valign="top"><table width="580" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
              <!--DWLayoutTable-->
              
              <tr>
                
                <td width="580" height="372" valign="top">
                  
                  <repeater>
                      
                      
                    <layout label="Text only">
                      <table width="580" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" class="w580">
                        <!--DWLayoutTable-->
                        <tbody><tr>
                            <td width="580" bgcolor="#FFFFFF" class="w580">
                              <p align="left" class="article-title"><span class="style5">
                                <singleline label="Title">Add a title</singleline>
                              </span></p>
                          <div align="left" class="article-content">
                                    <multiline label="Description">Enter your description</multiline>
                            </div>                                </td>
                                  </tr>
                      </tbody></table>
                    </layout>
                      
                      
                    <layout label="Full width image">
                      <table class="w580" width="580" cellpadding="0" cellspacing="0" border="0">
                        <!--DWLayoutTable-->
                        <tbody><tr>
                            <td width="580" height="78" valign="top" bgcolor="#FFFFFF" class="w580">
                              <table width="580" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" class="w580">
                                <!--DWLayoutTable-->
                                <tbody><tr>
                                  <td width="580" bgcolor="#FFFFFF" class="w580"><img editable="true" label="Image" class="w580" width="580" border="0"></td>
                                              </tr>
                                  <tr><td class="w580" height="10"></td></tr>
                                  <tr>
                                    <td bgcolor="#FFFFFF" class="w580">
                                    <div align="left" class="article-content"><multiline label="Description">Enter your description</multiline></div>                                            </td>
                                  </tr>
                                </tbody>
                            </table></td>
                                  </tr>
                      </tbody></table>
                    </layout>
                      
                      
                    <layout label="Row of two images">
                      <table width="580" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" class="w580">
                        <!--DWLayoutTable-->
                        <tbody><tr>
                            <td width="280" height="78" valign="top" class="w280">
                              <table width="280" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" class="w280">
                                <!--DWLayoutTable-->
                                <tbody><tr>
                                  <td width="280" bgcolor="#FFFFFF" class="w280"><img editable="true" label="Image" class="w280" width="280" border="0"></td>
                                              </tr>
                                  <tr><td class="w280" height="10"></td></tr>
                                  <tr>
                                    <td bgcolor="#FFFFFF" class="w280">
                                    <div align="left" class="article-content"><multiline label="Description">Enter your description</multiline></div>                                            </td>
                                  </tr>
                                </tbody>
                            </table></td>
                              <td width="20">&nbsp;</td>
                              <td width="280" valign="top" class="w280">
                                  <table width="280" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" class="w280">
                                    <!--DWLayoutTable-->
                                    <tbody><tr>
                                      <td width="280" bgcolor="#FFFFFF" class="w280"><img editable="true" label="Image" class="w280" width="280" border="0"></td>
                                              </tr>
                                      <tr><td class="w280" height="10"></td></tr>
                                      <tr>
                                        <td bgcolor="#FFFFFF" class="w280">
                                        <div align="left" class="article-content"><multiline label="Description">Enter your description</multiline></div>                                            </td>
                                      </tr>
                                    </tbody>
                              </table></td>
                                  </tr>
                      </tbody></table>
                    </layout>
                      
                      
                    <layout label="Row of three images">
                      <table width="580" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" class="w580">
                        <!--DWLayoutTable-->
                        <tbody><tr>
                            <td width="180" height="78" valign="top" class="w180">
                              <table width="180" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" class="w180">
                                <!--DWLayoutTable-->
                                <tbody><tr>
                                  <td width="180" bgcolor="#FFFFFF" class="w180"><img editable="true" label="Image" class="w180" width="180" border="0"></td>
                                              </tr>
                                  <tr><td class="w180" height="10"></td></tr>
                                  <tr>
                                    <td bgcolor="#FFFFFF" class="w180">
                                    <div align="left" class="article-content"><multiline label="Description">Enter your description</multiline></div>                                            </td>
                                  </tr>
                                </tbody>
                            </table></td>
                              <td width="20">&nbsp;</td>
                              <td width="180" valign="top" class="w180">
                                  <table width="180" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" class="w180">
                                    <!--DWLayoutTable-->
                                    <tbody><tr>
                                      <td width="180" bgcolor="#FFFFFF" class="w180"><img editable="true" label="Image" class="w180" width="180" border="0"></td>
                                              </tr>
                                      <tr><td class="w180" height="10"></td></tr>
                                      <tr>
                                        <td bgcolor="#FFFFFF" class="w180">
                                        <div align="left" class="article-content"><multiline label="Description">Enter your description</multiline></div>                                            </td>
                                      </tr>
                                    </tbody>
                              </table></td>
                              <td width="20">&nbsp;</td>
                              <td width="180" valign="top" class="w180">
                                  <table width="180" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" class="w180">
                                    <!--DWLayoutTable-->
                                    <tbody><tr>
                                      <td width="180" bgcolor="#FFFFFF" class="w180"><img editable="true" label="Image" class="w180" width="180" border="0"></td>
                                              </tr>
                                      <tr><td class="w180" height="10"></td></tr>
                                      <tr>
                                        <td bgcolor="#FFFFFF" class="w180">
                                        <div align="left" class="article-content"><multiline label="Description">Enter your description</multiline></div>                                            </td>
                                      </tr>
                                    </tbody>
                              </table></td>
                                  </tr>
                      </tbody></table>
                    </layout>
                      
                      
                    <layout label="Row of four images">
                      <table width="580" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" class="w580">
                        <!--DWLayoutTable-->
                        <tbody><tr>
                            <td width="130" height="78" valign="top" class="w130">
                              <table width="130" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" class="w130">
                                <!--DWLayoutTable-->
                                <tbody><tr>
                                  <td width="130" bgcolor="#FFFFFF" class="w130"><img editable="true" label="Image" class="w130" width="130" border="0"></td>
                                              </tr>
                                  <tr><td class="w130" height="10"></td></tr>
                                  <tr>
                                    <td bgcolor="#FFFFFF" class="w130">
                                    <div align="left" class="article-content"><multiline label="Description">Enter your description</multiline></div>                                            </td>
                                  </tr>
                                </tbody>
                            </table></td>
                              <td width="20">&nbsp;</td>
                              <td width="130" valign="top" class="w130">
                                  <table width="130" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" class="w130">
                                    <!--DWLayoutTable-->
                                    <tbody><tr>
                                      <td width="130" bgcolor="#FFFFFF" class="w130"><img editable="true" label="Image" class="w130" width="130" border="0"></td>
                                              </tr>
                                      <tr><td class="w130" height="10"></td></tr>
                                      <tr>
                                        <td bgcolor="#FFFFFF" class="w130">
                                        <div align="left" class="article-content"><multiline label="Description">Enter your description</multiline></div>                                            </td>
                                      </tr>
                                    </tbody>
                              </table></td>
                              <td width="20">&nbsp;</td>
                              <td width="130" valign="top" class="w130">
                                  <table width="130" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" class="w130">
                                    <!--DWLayoutTable-->
                                    <tbody><tr>
                                      <td width="130" bgcolor="#FFFFFF" class="w130"><img editable="true" label="Image" class="w130" width="130" border="0"></td>
                                              </tr>
                                      <tr><td class="w130" height="10"></td></tr>
                                      <tr>
                                        <td bgcolor="#FFFFFF" class="w130">
                                        <div align="left" class="article-content"><multiline label="Description">Enter your description</multiline></div>                                            </td>
                                      </tr>
                                    </tbody>
                              </table></td>
                              <td width="20">&nbsp;</td>
                              <td width="130" valign="top" class="w130">
                                  <table width="130" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" class="w130">
                                    <!--DWLayoutTable-->
                                    <tbody><tr>
                                      <td width="130" bgcolor="#FFFFFF" class="w130"><img editable="true" label="Image" class="w130" width="130" border="0"></td>
                                              </tr>
                                      <tr><td class="w130" height="10"></td></tr>
                                      <tr>
                                        <td bgcolor="#FFFFFF" class="w130">
                                        <div align="left" class="article-content"><multiline label="Description">Enter your description</multiline></div>                                            </td>
                                      </tr>
                                    </tbody>
                              </table></td>
                                  </tr>
                      </tbody></table>
                    </layout>                                        
                </repeater>              </td>
              </tr>
              
              
          </table></td>
          <td width="22">&nbsp;</td>
        </tr>
                                  </table></td>
  </tr>
  <tr>
    <td height="117" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
      <!--DWLayoutTable-->
      <tr>
        <td width="200" height="97" valign="top"><a href="http://www.wbliquors.com/specials/" target="_blank"><img src="524/images/enews-buttons_01.jpg" alt="Click Here for Specials" width="200" height="97" border="0px"  /></a></td>
        <td width="10" valign="top"><img src="524/images/enews-buttons_02.jpg" width="10" height="97" /></td>
        <td width="200" valign="top"><a href="http://www.wbliquors.com/events/" target="_blank"><img src="524/images/enews-buttons_03.jpg" alt="Click Here for Tastings" width="200" height="97"border="0px" /></a></td>
        <td width="10" valign="top"><img src="524/images/enews-buttons_04.jpg" width="10" height="97" /></td>
        <td width="204" valign="top"><a href="http://www.wbliquors.com/locations/" target="_blank"><img src="524/images/enews-buttons_05.jpg" alt="Click Here for WB Liquors Locations" width="204" height="97" border="0px"  /></a></td>
      </tr>
      <tr>
        <td height="20" colspan="5" valign="top" bgcolor="#FFFFFF"><!--DWLayoutEmptyCell-->&nbsp;</td>
    </tr>
      
      
      
      
    </table></td>
  </tr>
  <tr>
    <td height="20" valign="top" bgcolor="#E2E2E2"><!--DWLayoutEmptyCell-->&nbsp;</td>
  </tr>
  <tr>
    <td height="100" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#E2E2E2">
        <!--DWLayoutTable-->
        <tr>
          <td width="402" height="92" valign="top" bgcolor="#E2E2E2">
            <p style="margin-left: 20px;"><strong>Open Mon-Sat 10am-9pm</strong></p>
            <p style="margin-left: 20px;">To make sure our emails are reaching your inbox, please add</p>
            <p style="margin-left: 20px;">enews@wbliquors to your email adress book.</p>
            <p style="margin-left: 20px;">Selection may vary per store.<br />
              </p>
          
            <h6><a href="http://www.wbliquors.com/about/e-newsletter-sign-up/" target="_blank">Subscribe</a><span class="style10"> |
              <preferences>Update Your Preferences</preferences>
              |
              <unsubscribe>Unsubscribe</unsubscribe>
          </span>          </h6></td>
          <td width="222" valign="top" bgcolor="e2e2e2"><h2>Same Great Price.<br />
            Cash, Check<br />
          or Charge.</h2></td>
        </tr>
    </table></td>
  </tr>
</table>
</body>
</html>
roshodgekiss roshodgekiss, 4 years ago

Hi Star Beverage, the issue was that height="" values had been added to <td> tags unnecessarily. As a result, the editor (and presumably many email clients) were obeying the height values, instead of collapsing to the height of the content in the <td>, as they normally would. Once these rogue heights were removed, the big white space disappeared.

I fixed this, plus made a couple of other tweaks to the code to prevent margins from appearing around text and the images from getting super-sized in Outlook 2000:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
/* Mobile-specific Styles */
@media only screen and (max-device-width: 480px) {
table[class=w0], td[class=w0] {
    width: 0 !important;
}
table[class=w10], td[class=w10], img[class=w10] {
    width:5px !important;
}
table[class=w15], td[class=w15], img[class=w15] {
    width:5px !important;
}
table[class=w30], td[class=w30], img[class=w30] {
    width:10px !important;
}
table[class=w60], td[class=w60], img[class=w60] {
    width:10px !important;
}
table[class=w125], td[class=w125], img[class=w125] {
    width:80px !important;
}
table[class=w130], td[class=w130], img[class=w130] {
    width:55px !important;
}
table[class=w140], td[class=w140], img[class=w140] {
    width:90px !important;
}
table[class=w160], td[class=w160], img[class=w160] {
    width:180px !important;
}
table[class=w170], td[class=w170], img[class=w170] {
    width:100px !important;
}
table[class=w180], td[class=w180], img[class=w180] {
    width:80px !important;
}
table[class=w195], td[class=w195], img[class=w195] {
    width:80px !important;
}
table[class=w220], td[class=w220], img[class=w220] {
    width:80px !important;
}
table[class=w240], td[class=w240], img[class=w240] {
    width:180px !important;
}
table[class=w255], td[class=w255], img[class=w255] {
    width:185px !important;
}
table[class=w275], td[class=w275], img[class=w275] {
    width:135px !important;
}
table[class=w280], td[class=w280], img[class=w280] {
    width:135px !important;
}
table[class=w300], td[class=w300], img[class=w300] {
    width:140px !important;
}
table[class=w325], td[class=w325], img[class=w325] {
    width:95px !important;
}
table[class=w360], td[class=w360], img[class=w360] {
    width:140px !important;
}
table[class=w410], td[class=w410], img[class=w410] {
    width:180px !important;
}
table[class=w470], td[class=w470], img[class=w470] {
    width:200px !important;
}
table[class=w580], td[class=w580], img[class=w580] {
    width:280px !important;
}
table[class=w640], td[class=w640], img[class=w640] {
    width:300px !important;
}
table[class=hide], td[class=hide], img[class=hide], p[class=hide], span[class=hide], .hide {
    display:none !important;
}
table[class=h0], td[class=h0] {
    height: 0 !important;
}
p[class=footer-content-left] {
    text-align: center !important;
}
#headline p {
    font-size: 30px !important;
}
}
/* Client-specific Styles */
#outlook a {
    padding: 0;
}    /* Force Outlook to provide a "view in browser" button. */
body {
    width: 100% !important;
}

p { margin: 0; padding: 0; }

.ReadMsgBody {
    width: 100%;
}
.ExternalClass {
    width: 100%;
    display:block !important;
} /* Force Hotmail to display emails at full width */
/* Reset Styles */
/* Add 100px so mobile switch bar doesn't cover street address. */
html, body {
    background-color: #e2e2e2;
    margin: 0;
    padding: 0;
}
img {
    outline: none;
    text-decoration: none;
    display: block;
}
br, strong br, b br, em br, i br {
    line-height:100%;
}
h1, h2, h3, h4, h5, h6 {
    line-height: 100% !important;
    -webkit-font-smoothing: antialiased;
}
h1 a, h2 a, h3 a, h4 a, h5 a, {
color: blue !important;
}
h6 a {
    color: #2362AF;
}
h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active, h6 a:active {
    color: red !important;
}
/* Preferably not the same color as the normal header link color.  There is limited support for psuedo classes in email clients, this was added just for good measure. */
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {
    color: purple !important;
}
/* Preferably not the same color as the normal header link color. There is limited support for psuedo classes in email clients, this was added just for good measure. */  
table td, table tr {
    border-collapse: collapse;
}
.yshortcuts, .yshortcuts a, .yshortcuts a:link, .yshortcuts a:visited, .yshortcuts a:hover, .yshortcuts a span {
    color: black;
    text-decoration: none !important;
    border-bottom: none !important;
    background: none !important;
}    /* Body text color for the New Yahoo.  This example sets the font of Yahoo's Shortcuts to black. */
/* This most probably won't work in all email clients. Don't include <code _tmplitem="61" > blocks in email. */
code {
    white-space: normal;
    word-break: break-all;
}
#background-table {
    background-color: #e2e2e2;
}
/* Webkit Elements */
#top-bar {
    border-radius:6px 6px 0px 0px;
    -moz-border-radius: 6px 6px 0px 0px;
    -webkit-border-radius:6px 6px 0px 0px;
    -webkit-font-smoothing: antialiased;
    background-color: #e2e2e2;
    color: #0c4da2;
}
#top-bar a {
    font-weight: bold;
    color: #0c4da2;
    text-decoration: none;
}
#footer {
    border-radius:0px 0px 6px 6px;
    -moz-border-radius: 0px 0px 6px 6px;
    -webkit-border-radius:0px 0px 6px 6px;
    -webkit-font-smoothing: antialiased;
}
/* Fonts and Content */
body {
    font-family: Helvetica Neue, Arial, Helvetica, Geneva, sans-serif;
}
.header-content, .footer-content-left, .footer-content-right {
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
}
/* Prevent Webkit and Windows Mobile platforms from changing default font sizes on header and footer. */
.header-content {
    font-size: 12px;
    color: #0c4da2;
}
.header-content a {
    font-weight: bold;
    color: #0c4da2;
    text-decoration: none;
}
#headline p {
    color: #666666;
    font-family: Helvetica Neue, Arial, Helvetica, Geneva, sans-serif;
    font-size: 30px;
    text-align: left;
    margin-top:0px;
    margin-bottom:0px;
}
#headline p a {
    color: #666666;
    text-decoration: none;
}
.article-title {
    font-size: 18px;
    line-height:24px;
    color: #ed1b34;
    font-weight:bold;
    margin-top:0px;
    margin-bottom:18px;
    font-family: Helvetica Neue, Arial, Helvetica, Geneva, sans-serif;
}
.article-title a {
    color: #ed1b34;
    text-decoration: none;
}
.article-title.with-meta {
    margin-bottom: 0;
}
.article-meta {
    font-size: 13px;
    line-height: 20px;
    color: #ccc;
    font-weight: bold;
    margin-top: 0;
}
.article-content {
    font-size: 13px;
    line-height: 18px;
    color: #666666;
    margin-top: 0px;
    margin-bottom: 18px;
    font-family: Helvetica Neue, Arial, Helvetica, Geneva, sans-serif;
}
.article-content a {
    color: #ed1b34;
    font-weight:bold;
    text-decoration:none;
}
.article-content ol, .article-content ul {
    margin-top:0px;
    margin-bottom:18px;
    margin-left:19px;
    padding:0;
}
.article-content li {
    font-size: 13px;
    line-height: 18px;
    color: #666666;
}
.article-content li a {
    color: #ed1b34;
    text-decoration:underline;
}
.footer-content-left {
    font-size: 12px;
    line-height: 15px;
    color: #666666;
    margin-top: 0px;
    margin-bottom: 15px;
}
.footer-content-left a {
    color: #0c4da2;
    font-weight: bold;
    text-decoration: none;
}
.footer-content-right {
    font-size: 11px;
    line-height: 16px;
    color: #666666;
    margin-top: 0px;
    margin-bottom: 15px;
}
.footer-content-right a {
    color: #0c4da2;
    font-weight: bold;
    text-decoration: none;
}
#footer {
    background-color: #e2e2e2;
    color: #666666;
}
#footer a {
    color: ##2362AF;
    text-decoration: none;
    font-weight: bold;
}
#permission-reminder {
    white-space: pre-wrap;
}
#street-address {
    color: #666666;
    white-space: pre-wrap;
}
.style2 {
    font-size: 10px;
    color: #666666;
}
h6 {
    font-size: 13px;
    font-family: Helvetica, Arial, sans-serif;
    color: #0000cc !important;
    font-weight: bold;
    margin: 0px 0px 0px 0px;
    line-height: 6px;
}
a:link {
    color: #2362AF;
}
a:visited {
    color: #F26D22;
}
body, td, th {
    color: #666666;
    font-family: Arial, Helvetica, sans-serif;
}
a:hover {
    color: #F26D22;
}
a:active {
    color: #F26D22;
}
.style3 {
    color: #f26d22
}
.style9 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
}
.style10 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}
.style12 {
    color: #2362AF;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
}
</style>
<!--[if gte mso 9]>
<style _tmplitem="61" >
.article-content ol, .article-content ul {
   margin: 0 0 0 24px;
   padding: 0;
   list-style-position: inside;
}
</style>
<![endif]-->
</head>
<body>
<table width="100%" cellpadding="0" cellspacing="0" border="0" id="background-table">
  <tr>
    <td align="center" bgcolor="#e2e2e2"><table class="w640" width="640" cellpadding="0" cellspacing="0" border="0">
        <tr>
          <td width="640" height="60" valign="top" class="w640"><table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#E2E2E2">
              <tr>
                <td width="20" rowspan="3" valign="top" bgcolor="#E2E2E2">&nbsp;</td>
                <td height="18" colspan="3" valign="top" bgcolor="#E2E2E2"><img src="images/new-wb-template_slice-02.jpg" width="600" height="18" /></td>
                <td width="20" rowspan="3" valign="top" bgcolor="#E2E2E2">&nbsp;</td>
              </tr>
              <tr>
                <td width="174" height="26" align="left" valign="middle" bgcolor="#E2E2E2"><span class="style2">Is this email not displaying correctly?</span></td>
                <td width="206" align="left" valign="middle" bgcolor="#e2e2e2"><p style="font-size: 12px; font-family: Helvetica, Arial, sans-serif; color: #666666; margin: 0px;">
                    <webversion id="vw" style="float: left; padding: 5px; -webkit-border-radius: 3px; font-weight: bold; text-decoration: none; color: #666666; -khtml-border-radius: 3px; background: #e9e8e8; -moz-border-radius: 3px; border-radius: 3px;">View it in a web browser</webversion>
                  </p></td>
                <td width="217" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#E2E2E2">
                    <tr>
                      <td width="40" height="26" valign="top" bgcolor="#E2E2E2"><fblike><img src="images/new-wb-template_slice-06.jpg" width="40" height="26" border="0" /></fblike></td>
                      <td width="33" valign="top" bgcolor="#E2E2E2"><tweet><img src="images/new-wb-template_slice-07.jpg" width="33" height="26" border="0" /></tweet></td>
                      <td width="140" valign="top" bgcolor="#E2E2E2"><forwardtoafriend><img src="images/new-wb-template_slice-08.jpg" width="140" height="26" border="0" /></forwardtoafriend></td>
                    </tr>
                  </table></td>
              </tr>
              <tr>
                <td height="16" colspan="3" valign="top" bgcolor="#E2E2E2"><img src="images/new-wb-template_slice-09.jpg" width="600" height="16" /></td>
              </tr>
            </table></td>
        </tr>
        <tr>
          <td height="156" align="center" valign="top" bgcolor="#ffffff" class="w640" id="header"><table class="w640" width="640" cellpadding="0" cellspacing="0" border="0">
              <tr>
                <td colspan="4" valign="top" bgcolor="#FFFFFF" class="w30">&nbsp;</td>
              </tr>
              <tr>
                <td width="20" height="116" valign="top" bgcolor="#FFFFFF">&nbsp;</td>
                <td width="465" valign="middle" bgcolor="#FFFFFF" class="w580"><div align="center" id="headline">
                    <p><strong>Liquor, Wine &amp; Beer. Made Easy.</strong><br />
                    </p>
                    <p style="font-size:12px"><strong>El Paso WB Liquors</strong> </p>
                  </div></td>
                <td width="135" align="center" valign="middle" bgcolor="#FFFFFF"><a href="http://www.wbliquors.com" target="_blank"><img src="images/new-wb-template_slice-12.jpg" alt="Click Here to Visit wbliquors.com" width="135" height="100" border="0" /></a></td>
                <td width="20" valign="top" bgcolor="#FFFFFF">&nbsp;</td>
              </tr>
              <tr>
                <td colspan="4" valign="top" bgcolor="#FFFFFF">&nbsp;</td>
              </tr>
            </table></td>
        </tr>
        <tr>
          <td valign="top" bgcolor="#FFFFFF"><table width="640" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" class="w640">
              <tr>
                <td class="w30" width="30"></td>
                <td width="580" bgcolor="#FFFFFF" class="w580"><repeater>
                    <layout label="Text only">
                      <table width="580" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" class="w580">
                        <tr>
                          <td width="580" bgcolor="#FFFFFF" class="w580"><p align="left" class="article-title"> <span class="style3">
                              <singleline label="Title">Add a title</singleline>
                              </span> </p>
                            <div align="left" class="article-content">
                              <multiline label="Description">Enter your description</multiline>
                            </div></td>
                        </tr>
                        <tr>
                          <td class="w580" width="580" ></td>
                        </tr>
                      </table>
                    </layout>
                    <layout label="Full width image">
                      <table class="w580" width="580" cellpadding="0" cellspacing="0" border="0">
                        <tr>
                          <td width="580" valign="top" bgcolor="#FFFFFF" class="w580"><table width="580" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" class="w580">
                              <tr>
                                <td width="580" bgcolor="#FFFFFF" class="w580"><img editable="true" label="Image" class="w580" width="580" border="0" /></td>
                              </tr>
                              <tr>
                                <td class="w580" width="580" ></td>
                              </tr>
                              <tr>
                                <td width="580" bgcolor="#FFFFFF" class="w580"><div align="left" class="article-content">
                                    <multiline label="Description">Enter your description</multiline>
                                  </div></td>
                              </tr>
                              <tr>
                                <td class="w580" width="580" ></td>
                              </tr>
                            </table></td>
                        </tr>
                      </table>
                    </layout>
                    <layout label="Row of two images">
                      <table width="580" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" class="w580">
                        <tr>
                          <td class="w280" width="280" valign="top"><table width="280" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" class="w280">
                              <tr>
                                <td width="280" bgcolor="#FFFFFF" class="w280"><img editable="true" label="Image" class="w280" width="280" border="0" /></td>
                              </tr>
                              <tr>
                                <td class="w280" width="280" ></td>
                              </tr>
                              <tr>
                                <td width="280" bgcolor="#FFFFFF" class="w280"><div align="left" class="article-content">
                                    <multiline label="Description">Enter your description</multiline>
                                  </div></td>
                              </tr>
                              <tr>
                                <td class="w280" width="280" ></td>
                              </tr>
                            </table></td>
                          <td width="20"></td>
                          <td class="w280" width="280" valign="top"><table width="280" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" class="w280">
                              <tr>
                                <td width="280" bgcolor="#FFFFFF" class="w280"><img editable="true" label="Image" class="w280" width="280" border="0" /></td>
                              </tr>
                              <tr>
                                <td class="w280" width="280" ></td>
                              </tr>
                              <tr>
                                <td width="280" bgcolor="#FFFFFF" class="w280"><div align="left" class="article-content">
                                    <multiline label="Description">Enter your description</multiline>
                                  </div></td>
                              </tr>
                              <tr>
                                <td class="w280" width="280" ></td>
                              </tr>
                            </table></td>
                        </tr>
                      </table>
                    </layout>
                    <layout label="Row of three images">
                      <table width="580" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" class="w580">
                        <tr>
                          <td class="w180" width="180"valign="top"><table width="180"border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" class="w180">
                              <tr>
                                <td width="180"bgcolor="#FFFFFF" class="w180"><img editable="true" label="Image" class="w180" width="180"border="0" /></td>
                              </tr>
                              <tr>
                                <td class="w180" width="180"></td>
                              </tr>
                              <tr>
                                <td width="180"bgcolor="#FFFFFF" class="w180"><div align="left" class="article-content">
                                    <multiline label="Description">Enter your description</multiline>
                                  </div></td>
                              </tr>
                              <tr>
                                <td class="w180" width="180"></td>
                              </tr>
                            </table></td>
                          <td width="20"></td>
                          <td class="w180" width="180"valign="top"><table width="180"border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" class="w180">
                              <tr>
                                <td width="180"bgcolor="#FFFFFF" class="w180"><img editable="true" label="Image" class="w180" width="180"border="0" /></td>
                              </tr>
                              <tr>
                                <td class="w180" width="180"></td>
                              </tr>
                              <tr>
                                <td width="180"bgcolor="#FFFFFF" class="w180"><div align="left" class="article-content">
                                    <multiline label="Description">Enter your description</multiline>
                                  </div></td>
                              </tr>
                              <tr>
                                <td class="w180" width="180"></td>
                              </tr>
                            </table></td>
                          <td width="20"></td>
                          <td class="w180" width="180"valign="top"><table width="180"border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" class="w180">
                              <tr>
                                <td width="180"bgcolor="#FFFFFF" class="w180"><img editable="true" label="Image" class="w180" width="180"border="0" /></td>
                              </tr>
                              <tr>
                                <td class="w180" width="180"></td>
                              </tr>
                              <tr>
                                <td width="180"bgcolor="#FFFFFF" class="w180"><div align="left" class="article-content">
                                    <multiline label="Description">Enter your description</multiline>
                                  </div></td>
                              </tr>
                              <tr>
                                <td class="w180" width="180"></td>
                              </tr>
                            </table></td>
                        </tr>
                      </table>
                    </layout>
                    <layout label="Row of four images">
                      <table width="580" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" class="w580">
                        <tr>
                          <td width="130" valign="top" class="w130"><table width="130" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" class="w130">
                              <tr>
                                <td width="130" bgcolor="#FFFFFF" class="w130"><img editable="true" label="Image" class="w130" width="130" border="0" /></td>
                              </tr>
                              <tr>
                                <td class="w130" width="130" ></td>
                              </tr>
                              <tr>
                                <td width="130" bgcolor="#FFFFFF" class="w130"><div align="left" class="article-content">
                                    <multiline label="Description">Enter your description</multiline>
                                  </div></td>
                              </tr>
                              <tr>
                                <td class="w130" width="130" ></td>
                              </tr>
                            </table></td>
                          <td width="20"></td>
                          <td class="w130" width="130" valign="top"><table width="130" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" class="w130">
                              <tr>
                                <td width="130" bgcolor="#FFFFFF" class="w130"><img editable="true" label="Image" class="w130" width="130" border="0" /></td>
                              </tr>
                              <tr>
                                <td class="w130" width="130" ></td>
                              </tr>
                              <tr>
                                <td width="130" bgcolor="#FFFFFF" class="w130"><div align="left" class="article-content">
                                    <multiline label="Description">Enter your description</multiline>
                                  </div></td>
                              </tr>
                              <tr>
                                <td class="w130" width="130" ></td>
                              </tr>
                            </table></td>
                          <td width="20"></td>
                          <td class="w130" width="130" valign="top"><table width="130" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" class="w130">
                              <tr>
                                <td width="130" bgcolor="#FFFFFF" class="w130"><img editable="true" label="Image" class="w130" width="130" border="0" /></td>
                              </tr>
                              <tr>
                                <td class="w130" width="130" ></td>
                              </tr>
                              <tr>
                                <td width="130" bgcolor="#FFFFFF" class="w130"><div align="left" class="article-content">
                                    <multiline label="Description">Enter your description</multiline>
                                  </div></td>
                              </tr>
                              <tr>
                                <td class="w130" width="130" ></td>
                              </tr>
                            </table></td>
                          <td width="20"></td>
                          <td class="w130" width="130" valign="top"><table width="130" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" class="w130">
                              <tr>
                                <td width="130" bgcolor="#FFFFFF" class="w130"><img editable="true" label="Image" class="w130" width="130" border="0" /></td>
                              </tr>
                              <tr>
                                <td class="w130" width="130" ></td>
                              </tr>
                              <tr>
                                <td width="130" bgcolor="#FFFFFF" class="w130"><div align="left" class="article-content">
                                    <multiline label="Description">Enter your description</multiline>
                                  </div></td>
                              </tr>
                              <tr>
                                <td class="w130" width="130" ></td>
                              </tr>
                            </table></td>
                        </tr>
                      </table>
                    </layout>
                  </repeater></td>
                <td class="w30" width="30"></td>
              </tr>
            </table></td>
        </tr>
        <tr bgcolor="#FFFFFF">
          <td valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
              <tr>
                <td width="20" rowspan="4" valign="top" bgcolor="#FFFFFF">&nbsp;</td>
                <td width="174" valign="top" bgcolor="#FFFFFF"><img src="images/new-wb-template_slice-28.jpg" width="174" border="0" /></td>
                <td width="39" rowspan="3" valign="top" bgcolor="#FFFFFF"><img src="images/new-wb-template_slice-29.jpg" width="39" height="125" border="0" /></td>
                <td width="174" valign="top" bgcolor="#FFFFFF"><img src="images/new-wb-template_slice-30.jpg" width="174" border="0" /></td>
                <td width="39" rowspan="3" valign="top" bgcolor="#FFFFFF"><img src="images/new-wb-template_slice-31.jpg" width="39" height="125" border="0" /></td>
                <td width="174" valign="top" bgcolor="#FFFFFF"><img src="images/new-wb-template_slice-32.jpg" width="174" border="0" /></td>
                <td width="20" rowspan="4" valign="top" bgcolor="#FFFFFF">&nbsp;</td>
              </tr>
              <tr>
                <td valign="top" bgcolor="#FFFFFF"><a href="http://www.wbliquors.com/specials/" target="_blank"><img src="images/new-wb-template_slice-33.jpg" alt="Click Here For Specials" width="174" border="0" /></a></td>
                <td valign="top" bgcolor="#FFFFFF"><a href="http://www.wbliquors.com/events/" target="_blank"><img src="images/new-wb-template_slice-34.jpg" alt="Click Here For Tasting Events" width="174" border="0" /></a></td>
                <td valign="top" bgcolor="#FFFFFF"><a href="http://www.wbliquors.com/locations/" target="_blank"><img src="images/new-wb-template_slice-35.jpg" alt="Click Here to Find a WB Liquors Location Near You" width="174" border="0" /></a></td>
              </tr>
              <tr>
                <td valign="top" bgcolor="#FFFFFF"><img src="images/new-wb-template_slice-36.jpg" width="174" border="0" /></td>
                <td valign="top" bgcolor="#FFFFFF"><img src="images/new-wb-template_slice-37.jpg" width="174" border="0" /></td>
                <td valign="top" bgcolor="#FFFFFF"><img src="images/new-wb-template_slice-38.jpg" width="174" border="0" /></td>
              </tr>
              <tr>
                <td colspan="5" valign="top" bgcolor="#FFFFFF"><img src="images/new-wb-template_slice-39.jpg" width="600" border="0" /></td>
              </tr>
            </table></td>
        </tr>
        <tr>
          <td height="155" valign="top" class="w640"><table id="footer" class="w640" width="640" cellpadding="0" cellspacing="0" border="0" bgcolor="#e2e2e2">
              <tr>
                <td colspan="4" valign="top" bgcolor="#E2E2E2" class="w30">&nbsp;</td>
              </tr>
              <tr>
                <td width="30" height="135">&nbsp;</td>
                <td width="360" align="left" valign="top" class="w580"><span class="style10"><strong>Open Mon-Sat 10am-9pm</strong><br />
                  To make sure our emails are reaching your inbox, please addenews@wbliquors to your email adress book.
                  Selection may vary per store.</span><br />
                  <br />
                  <span class="style12"><a href="http://www.wbliquors.com/about/e-newsletter-sign-up/" target="_blank">Subscribe</a> |
                  <preferences>Update Your Preferences</preferences>
                  |
                  <unsubscribe>Unsubscribe</unsubscribe>
                  </span></td>
                <td width="220" align="right" valign="top" class="hide w0  style9"> Same Great Price.<br />
                  Cash, Check<br />
                  or Charge.</td>
                <td width="30">&nbsp;</td>
              </tr>
            </table></td>
        </tr>
        <tr>
          <td height="28">&nbsp;</td>
        </tr>
      </table></td>
  </tr>
</table>
</body>
</html>

Thanks, Star Beverage! All the best with your campaign - it's a swell template you have there :)


Get in touch with us on Twitter: http://twitter.com/campaignmonitor
We're also on Facebook: http://facebook.com/campaignmonitor
Star Beverage Star Beverage, 4 years ago

Thank you so much! This worked brilliantly.

roshodgekiss roshodgekiss, 4 years ago

You're welcome - glad I could help out here. Have a great weekend ahead!


Get in touch with us on Twitter: http://twitter.com/campaignmonitor
We're also on Facebook: http://facebook.com/campaignmonitor

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