I'm attempting to design an emailer to send off to existing clients using constant contact but I'm having a huge problem with unwanted white spaces between every one of my images and tables. I know its not the cellspacing or padding as I've had those set to 0 the whole time.

I feel like I have tried everything so any help would be greatly appreciate it.

This is the code I have thus far.

<html>
<body>

<center>
<table border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><img src="https://origin.ih.constantcontact.com/fs042/1103420701006/img/8.gif"  border="0" cellspacing="0" cellpadding="0"/></td>
  </tr>
</table>
<table border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="22"><img src="http://www.totalimpactwear.com/mailerimages/slide_a/TI_emailer_1.gif"  border="0" cellspacing="0" cellpadding="0"/></td>
    <td width="55"><a href="http://www.totalimpactwear.com" style="border:none">
<img src="https://origin.ih.constantcontact.com/fs042/1103420701006/img/14.gif"  border="0" cellspacing="0" cellpadding="0" /></a></td>
    <td width="130"><img src="http://www.totalimpactwear.com/mailerimages/slide_a/TI_emailer_3.gif"  border="0" cellspacing="0" cellpadding="0"/></td>
    <td width="100"><a href="http://www.cbrbull.com" style="border:none">
<img src="http://www.totalimpactwear.com/mailerimages/slide_a/TI_emailer_4.gif"  border="0" cellspacing="0" cellpadding="0"/></a></td>
    <td width="173"><img src="http://www.totalimpactwear.com/mailerimages/slide_a/TI_emailer_5.gif"  border="0" cellspacing="0" cellpadding="0"/></td>
  </tr>
</table>
<table border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="22"><img src="http://www.totalimpactwear.com/mailerimages/slide_a/TI_emailer_6.gif"  border="0" cellspacing="0" cellpadding="0"/></td>
    <td width="55"><a href="http://www.totalimpactwear.com" style="border:none">
<img src="http://www.totalimpactwear.com/mailerimages/slide_a/TI_emailer_7.gif"  border="0" cellspacing="0" cellpadding="0"/></a></td>
    <td width="315"><img src="http://www.totalimpactwear.com/mailerimages/slide_a/TI_emailer_8.gif"  border="0" cellspacing="0" cellpadding="0"/></td>
    <td width="48"><a href="http://www.gactv.com" style="border:none">
<img src="http://www.totalimpactwear.com/mailerimages/slide_a/TI_emailer_9.gif"  border="0" cellspacing="0" cellpadding="0"/></td>
    <td width="40"><img src="http://www.totalimpactwear.com/mailerimages/slide_a/TI_emailer_10.gif"  border="0" cellspacing="0" cellpadding="0"/></td>
  </tr>
</table>
<table border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><img src="https://origin.ih.constantcontact.com/fs042/1103420701006/img/9.gif"  border="0" cellspacing="0" cellpadding="0"/></td>
  </tr>
</table>
<table border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><img src="http://www.totalimpactwear.com/mailerimages/slide_a/TI_emailer_11.gif" border="0" cellspacing="0" cellpadding="0"/></td>
    <td><a href="mailto:order@totalimpactwear.com" style="border:none">
<img src="http://www.totalimpactwear.com/mailerimages/slide_a/TI_emailer_12.gif" border="0" cellspacing="0" cellpadding="0"/></a></td>
    <td><img src="http://www.totalimpactwear.com/mailerimages/slide_a/TI_emailer_13.gif" border="0" cellspacing="0" cellpadding="0" /></td>
  </tr>
</table>
<table border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><img src="http://www.totalimpactwear.com/mailerimages/slide_a/TI_emailer_30.gif" border="0" cellspacing="0" cellpadding="0"/></td>
  </tr>
  <tr>
    <td><img src="http://www.totalimpactwear.com/mailerimages/slide_a/TI_emailer_31.gif" border="0" cellspacing="0" cellpadding="0"/></td>
  </tr>
</table>
<table border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><img src="http://www.totalimpactwear.com/mailerimages/slide_a/TI_emailer_32.gif"  width="188" border="0" cellspacing="0" cellpadding="0"/></td>
    <td><a href="http://www.totalimpactwear.com" style="border:none"><img src="http://www.totalimpactwear.com/mailerimages/slide_a/TI_emailer_33.gif"  width="104" border="0" cellspacing="0" cellpadding="0" /></a></td>
    <td><img src="http://www.totalimpactwear.com/mailerimages/slide_a/TI_emailer_34.gif"  width="188" border="0" cellspacing="0" cellpadding="0"/></td>
  </tr>
</table>
</center>

</body>
</html>

Recommended Answers

All 2 Replies

Member Avatar

try using a reset CSS - try Eric Meyer's (Google it). You can probably pull all those presentational attributes then. As your image widths are unknown. Perhaps if you set the table background colour to red or something and then post a screenshot?

try it without all the cellpadding and cellspacing attributes in images, <img> does not support cellanything

try it with all the measurements having a dimension <td width='22'> fails <td width='22px'> does not (px em % mm inch pt)

<self closing tags /> work only with xhtml there is no dtd in the code given, => html2

<img> has required attributes, not given

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, learning, and sharing knowledge.