Outlooks 2007 makes me cry by adding margin to the images

The problem is simple, the solution I beleive it is not. Her is a pic

http://img693.imageshack.us/img693/1369/headererror.jpg


And the code for this part:

<table width="700" height="75" bgcolor="#dc306a" border="0" cellpadding="0" cellspacing="0" >
<tr>
<td>
<table width="210" height="75" border="0" cellpadding="0" cellspacing="0" align="left">
<tr>
<td><img src="logo.jpg" width="210" height="75" /></td>
</tr>
</table>
<table width="125" height="75" border="0" cellpadding="0" cellspacing="0" align="left">
<tr>
<td><a href="#"><img src="navigacija1.jpg" width="125" height="75" border="0"/></a></td>
</tr>
</table>
<table width="125" height="75" border="0" cellpadding="0" cellspacing="0" align="left">
<tr>
<td><a href="#"><img src="navigacija2.jpg" width="125" height="75" border="0" /></a></td>
</tr>
</table>
<table width="95" height="75" border="0" cellpadding="0" cellspacing="0" align="left">
<tr>
<td><a href="#"><img src="navigacija3.jpg" width="95" height="75" border="0" /></a></td>
</tr>
</table>
<table width="145" height="75" border="0" cellpadding="0" cellspacing="0" align="left">
<tr>
<td><a href="#"><img src="navigacija4.jpg" width="145" height="75" border="0" /></a></td>
</tr>
</table>
</td>
</tr>
</table>

Any ideas, what could be causing this left/right margin/spacing around images?

Thanks!

Matt_L, 6 years ago

Ok ive made it, i guess i made a table overkill, heres the new code that works:

<table width="700" height="75" bgcolor="#dc306a" border="0" cellpadding="0" cellspacing="0" >
<tr>
<td width="210" height="75" ><img src="logo.jpg" width="210" height="75"/></td>
<td width="125" height="75" align="left"><a href="#"><img src="navigacija1.jpg" width="125" height="75" border="0"/></a></td>
<td width="125" height="75" align="left"><a href="#"><img src="navigacija2.jpg" width="125" height="75" border="0" /></a></td>
<td width="95" height="75" align="left"><a href="#"><img src="navigacija3.jpg" width="95" height="75" border="0" /></a></td>
<td width="145" height="75" align="left"><a href="#"><img src="navigacija4.jpg" width="145" height="75" border="0" /></a></td>
</tr>
</table>
stijn_d, 6 years ago

On topic:
I think you can prevent this doing the following. Add these styles to all your images(or use premailer(see below))

img{
        display: block;        
    border: none;
}

I have some very usefull resources here:
- the basics of email-design: http://24ways.org/2009/rock-solid-html-emails
- Premailer : You can create your mail using html with classes and id's and this little baby will parse it and set all css inline :)

They helped me a lot. Hopefully they will do the same for you!

Stan

Richard.Wendon Richard.Wendon, 6 years ago

Yeah much love to Premailer...massive time saver.

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