0

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>

Edited by danvon: n/a

3
Contributors
2
Replies
3
Views
7 Years
Discussion Span
Last Post by almostbob
0

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?

Edited by diafol: n/a

0

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

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.