White Space in Gmail

Hola!

White space is showing up in gmail. I have done some research on line and found an answer by using an in-line style=� display:block;�  However, when I add this to the style to img tags, all the images are kicked out the table row and stacked horizontally. But after reading many other people's comments on the web with the same issue it seems to work for them.

Here is our scenario and maybe there is some thing a little different that is preventing this from working for us.

We have multiple images in the table row but all the images are anchors as well. Could the fact that the images are anchors prevent this inline style from working? Remember, when we apply the style it kicks all the images out of the row and stacks them horizontally all the way down the page.

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=iso-8859-1" />
<title>Family Jewelry November 3, 2010</title>
</head>

<body>
<table width="600" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
    <td align="center" colspan="2">
    <font face="Arial, Helvetica, sans-serif" size="1">Order Family Jewelry For Christmas <a target="_blank" href="http://familyjewelry.reeds.com/mom/?utm_source=promo1&utm_medium=email&utm_campaign=fj110310">Shop Now</a>! Trouble viewing?&nbsp;
    <a href="http://email.reeds.com/Family_Jewelry_November_3_2010.html?utm_source=promo1&utm_medium=email&utm_campaign=fj110310" target="_blank"><font color="#082ed0">View it online</font></a>.</font></td>
  </tr>

  <tr>
    <td bgcolor="#6f7686" width="220"><a href="http://www.reeds.com?utm_source=promo1&utm_medium=email&utm_campaign=fj110310" target="_blank"><img src="http://email.reeds.com/images/reeds_logo.jpg" alt="Shop REEDS.com" width="190" height="65" border="0" /></a></td>
    <td bgcolor="#6f7686" align="right" valign="bottom" width="380"><i>
    <font color="#FFFFFF" face="Arial" size="2">Your Family-Owned Jeweler ~ Trusted for Generations</font></i></td>
  </tr>
 
  <tr>
    <td bgcolor="#595959" colspan="2">
    <table width="600" border="0" cellspacing="0" cellpadding="0" bgcolor="#D9DCE3">
      <tr>
        <td width="96" align="center" height="20"><b>
        <a target="_blank" href="http://www.reeds.com/Jewelry.html?utm_source=promo1&utm_medium=email&utm_campaign=fj110310" style="text-decoration:none;">
        <font color="#6F7686" face="Arial" size="2">Jewelry</font></a></b></td>
        <td width="108" align="center" height="20"><b>
        <a target="_blank" href="http://www.reeds.com/Diamonds.html?utm_source=promo1&utm_medium=email&utm_campaign=fj110310" style="text-decoration:none;">
        <font size="2" face="Arial" color="#6F7686">Diamonds</font></a></b></td>
        <td width="89" align="center" height="20"><b>
        <a target="_blank" href="http://www.reeds.com/Bridal-Jewelry.html?utm_source=promo1&utm_medium=email&utm_campaign=fj110310" style="text-decoration:none;">
        <font size="2" face="Arial" color="#6F7686">Bridal</font></a></b></td>
        <td width="97" align="center" height="20"><b>
        <a target="_blank" href="http://www.reeds.com/Watches.html?utm_source=promo1&utm_medium=email&utm_campaign=fj110310" style="text-decoration:none;">
        <font size="2" face="Arial" color="#6F7686">Watches</font></a></b></td>
        <td width="102" align="center" height="20"><b>
        <a target="_blank" href="http://gifts.reeds.com/Gift-Ideas.html?utm_source=promo1&utm_medium=email&utm_campaign=fj110310" style="text-decoration:none;">
        <font size="2" face="Arial" color="#6F7686">Gift Ideas</font></a></b></td>
        <td width="108" align="center" height="20"><b>
        <a target="_blank" href="http://www.reeds.com/Clearance.html?utm_source=promo1&utm_medium=email&utm_campaign=fj110310" style="text-decoration:none;">
        <font size="2" face="Arial" color="#6F7686">Clearance</font></a></b></td>
      </tr>
    </table></td>
  </tr>
 
  <tr>
    <td colspan="2"><img src="http://email.reeds.com/images/white_spacer.jpg" /></td>
  </tr>
</table>

<table width="600" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
   
      <tr>
        <td><a href="http://familyjewelry.reeds.com/mom/?utm_source=promo1&utm_medium=email&utm_campaign=fj110310" target="_blank"><img src="http://email.reeds.com/images/November10/Nov-3-E_01.jpg" alt="Create an Heirloom, Shop Now" width="201" height="264" border="0" /></a><a href="http://familyjewelry.reeds.com/mom/step1.cfm?subcatid=3?utm_source=promo1&utm_medium=email&utm_campaign=fj110310" target="_blank"><img src="http://email.reeds.com/images/November10/Nov-3-E_02.jpg" alt="Shop Family Necklaces" width="194" height="264" border="0" /></a><a href="http://familyjewelry.reeds.com/mom/step1.cfm?subcatid=6?utm_source=promo1&utm_medium=email&utm_campaign=fj110310" target="_blank"><img src="http://email.reeds.com/images/November10/Nov-3-E_03.jpg" alt="Shop Family Tree Pins" width="205" height="264" border="0" /></a></td>
      </tr>
      <tr>
        <td><a href="http://familyjewelry.reeds.com/mom/step1.cfm?subcatid=1?utm_source=promo1&utm_medium=email&utm_campaign=fj110310" target="_blank"><img src="http://email.reeds.com/images/November10/Nov-3-E_04.jpg" alt="Shop Family Rings" width="395" height="102" border="0" /></a><a href="http://familyjewelry.reeds.com/mom/step1.cfm?subcatid=6?utm_source=promo1&utm_medium=email&utm_campaign=fj110310" target="_blank"><img src="http://email.reeds.com/images/November10/Nov-3-E_05.jpg" alt="Shop Family Tree Pins" width="205" height="102" border="0" /></a></td>
      </tr>
      <tr>
        <td><img src="http://email.reeds.com/images/November10/Nov-3-E_06.jpg" alt="Free Shipping on All Orders Over $99" width="600" height="27" border="0" /></a></td>
      </tr>
       <tr>
        <td><a href="http://www.reeds.com/Mother-and-Child-reg-Diamond-Pendant-plu18930889.html?utm_source=promo1&utm_medium=email&utm_campaign=fj110310" target="_blank"><img src="http://email.reeds.com/images/November10/Nov-3-E_07.jpg" alt="Mother and Child® Diamond Pendant" width="199" height="157" border="0" /></a><a href="http://mother-child.reeds.com/Mother-and-Child-Heart-Pendant-pluMother_and_Child_Heart.html?utm_source=promo1&utm_medium=email&utm_campaign=fj110310" target="_blank"><img src="http://email.reeds.com/images/November10/Nov-3-E_08.jpg" alt="Mother and Child Heart Family Necklace" width="200" height="157" border="0" /></a><a href="http://www.reeds.com/catalogs/2010/HDay/Catalog.html?utm_source=promo1&utm_medium=email&utm_campaign=fj110310" target="_blank"><img src="http://email.reeds.com/images/November10/Nov-3-E_09.jpg" alt="Shop Our Christmas Catalogs" width="201"height="157" border="0" /></a></td>
      </tr>
    </table>
    </tr>
    </table>   
  </tr>
</table>

<!--Begin Footer Section-->
<table width="600" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td bgcolor="#D9DCE3"><table width="600" border="0" cellspacing="0" cellpadding="0">
<!--Store Locator Footer-->     
      <tr>
        <td align="right" width="92"><b>
        <a target="_blank" href="http://about-reeds.reeds.com/GoldBuying.html?utm_source=promo1&utm_medium=email&utm_campaign=fj110310" style="text-decoration:none;">
        <font size="2" face="Arial" color="#6F7686">We Buy Gold</font></a></b></td>
        <td align="center" valign="top"><a href="http://about-reeds.reeds.com/GoldBuying.html?utm_source=promo1&utm_medium=email&utm_campaign=fj110310" target="_blank"><img src="http://email.reeds.com/images/gold_bar.jpg" alt="We Buy Gold" width="40" height="30" border="0" /></a></td>
        <td width="315" align="center"><b>
        <a target="_blank" href="http://shopping-tools.reeds.com/ContactUs.html?utm_source=promo1&utm_medium=email&utm_campaign=fj110310" style="text-decoration:none;">
        <font color="#6F7686" size="2" face="Arial">(877) 406-3266 M-F 9-5ET </a>| </font>
        <a target="_blank" href="http://www.reeds.com/catalogs/Advertised-Offers.html?utm_source=promo1&utm_medium=email&utm_campaign=fj110310" style="text-decoration:none;">
        <font color="#6F7686" size="2" face="Arial">Shop Our Catalogs</font></a></b></td>
        <td width="142"><a href="http://about-reeds.reeds.com/ReedsLocations.html?utm_source=promo1&utm_medium=email&utm_campaign=fj110310" target="_blank"><img src="http://email.reeds.com/images/email-footer_03.jpg" alt="Store Locator" width="139" height="30" border="0" /></a></td>
      </tr>
    </table></td>
  </tr>
 
 
 
  <!--Social Media Footer-->
  <tr>
    <td>
    <table width="600" border="0" cellspacing="0" cellpadding="0" bgcolor="#d9dce3" style="border-top: 1px solid #5c6473;">
      <tr>
        <td width="150" align="center" valign="top" style="padding: 3px 0 2px 0;" bgcolor="#D9DCE3">
            <img src="http://www.reeds.com/logos/twitter.gif"> <a href="http://twitter.com/ReedsJewelers?utm_source=promo1&utm_medium=email&utm_campaign=Cham081910" style="font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: #5c6473;">
            Twitter</a>
        </td>
        <td width="150" align="center" valign="top" style="padding: 3px 0 2px 0;" bgcolor="#D9DCE3">
            <img src="http://www.reeds.com/logos/facebook.gif"> <a href="http://www.facebook.com/pages/Reeds-Jewelers/26805765741?utm_source=promo1&utm_medium=email&utm_campaign=Cham081910" style="font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: #5c6473;">
            Facebook</a>
        </td>
        <td width="150" align="center" valign="top" style="padding: 3px 0 2px 0;" bgcolor="#D9DCE3">
            <img src="http://www.reeds.com/logos/youtube.gif"> <a href="http://www.youtube.com/ReedsJewelers?utm_source=promo1&utm_medium=email&utm_campaign=Cham081910" style="font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: #5c6473;">
            YouTube</a>
        </td>
       
      </tr>

</table></td>
</tr>
</table>

<table width="600" border="0" align="center" cellpadding="10" cellspacing="0">
  <tr>
  <!--Contact Us Footer-->
    <td align="center"><p><font size="2"><a href="http://shopping-tools.reeds.com/ContactUs.html?utm_source=promo1&utm_medium=email&utm_campaign=Cham081910" target="_blank"><font color="#666666" face="Arial, Helvetica, sans-serif">
    Contact Us</font></a><font color="#666666" face="Arial, Helvetica, sans-serif">
    | <a href="http://shopping-tools.reeds.com/Help.html?utm_source=promo1&utm_medium=email&utm_campaign=Cham081910" target="_blank"><font color="#666666">
    Customer Service</font></a> | <a href="http://categories.reeds.com/Site-Map.html?utm_source=promo1&utm_medium=email&utm_campaign=Cham081910" target="_blank"><font color="#666666">
    Site Map</font></a> | <a href="http://about-reeds.reeds.com/Privacy.html?utm_source=promo1&utm_medium=email&utm_campaign=Cham081910" target="_blank"><font color="#666666">
    Privacy Policy</font></a> | <a href="http://about-reeds.reeds.com/AboutReeds.html?utm_source=promo1&utm_medium=email&utm_campaign=Cham081910" target="_blank"><font color="#666666">
    About REEDS</font></a> | <a href="http://about-reeds.reeds.com/Careers.html?utm_source=promo1&utm_medium=email&utm_campaign=Cham081910" target="_blank"><font color="#666666">
    Careers</font></a></font></font> | <a href="http://shopping-tools.reeds.com/Education.html?utm_source=promo1&utm_medium=email&utm_campaign=Cham081910" target="_blank"><font color="#666666" size="2" face="Arial, Helvetica, sans-serif">
    Education</font></a><font size="2" face="Arial, Helvetica, sans-serif"></font></font></font></p>

     
      
        <!--Privacy Policy-->
        <p><font color="#666666" size="2" face="Arial, Helvetica, sans-serif">We
        respect your right to privacy, view our <a href="http://about-reeds.reeds.com/Privacy.html?utm_source=promo1&utm_medium=email&utm_campaign=FJ110310" target="_blank"><font color="#666666">
        policy</font></a>. If you no longer wish to receive emails from Reeds
        Jewelers please <a href= "%%!unsubscribe_url%%">click here to
        unsubscribe.</a></font></p>
 
 
 
  <!--Address Info--> 
      <p><font color="#666666" size="2" face="Arial, Helvetica, sans-serif">This
        email was sent to %%email%% by:<br />
              <a href="http://www.reeds.com?utm_source=promo1&utm_medium=email&utm_campaign=FJ110310" target="_blank"><strong><font color="#666666">
        %%!account_organization%% </font></strong></a><br />
         %%!account_address1%% %%!account_city%%, %%!account_state%%   <br />
        %%!account_zip%%, %%!account_country%% <br />
        <br />
        Copyright 2010, REEDS Jewelers, Inc. REEDS is a<br />
        registered trademark of REEDS Jewelers, Inc.</font></p></td>
  </tr>
</table>

<map name="Map" id="Map"><area shape="poly" coords="63,110" href="#" /></map></body>
</html>

fantasticthinking fantasticthinking, 6 years ago

I would recommend placing the images in separate table cells. That might solve your problem.

Hope that helps!
Yann


Fantastic Thinking

From one-off email campaigns to global website rollouts, we have the knowledge and expertise to help you plan and deliver your online brand ambitions.
marchman, 6 years ago

You seem to be missing some <td> tags in the one table. You have double <tr> opening tags.

<table width="600" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
      <tr>
        <td>

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