I am having problems with image spacing in outlook 2007. The image is supposed to butt hard up against the top of the email window but it isnt doing it. I have tried a lot of suggestions and getting no where. It only seems to happen on a the top image and one image that I am using to "round off" the corners of a table. Any ideas?
The offending code is here:
<table width="100%" border="0" cellspacing="0" cellpadding="0" background="lakebg-step-repeat.gif">
<td align="center"><table width="579" border="0" cellspacing="0" cellpadding="0">
<table width="579" height="108" border="0" cellspacing="0" cellpadding="0" class="bg" >
<td><img src="lake-header.jpg" style="display:block; margin:0px; padding:0px;" alt="Online Webinar" width="579" height="110" border="0" cellspacing="0" cellpadding="0" /></td>
<td height="13" align="left" valign="top" table border="0" cellspacing="0" cellpadding="0"><img src="btmsidebar.png" style="display:block" width="114" height="10"></td>
Have you tried removing all of the white space between your tags around that image? That can sometimes help with random spaces like that.
Hi thanks for the reply. I tried removing all the carriage returns etc from the code as you suggested keeping the tags close together but still nothing. Driving me mad...most of the people viewing this particular mail shot will be on outlook, yet it appears perfectly fine in mail, gmail, hotmail etc.
Eventually had to send out the first round with it not lining up which is not ideal. so really looking for a resolve on this one for another email going out soon.
I did resolve the second one which had conflicting heights with the image and the cell size so that one is fine, although the main issue is still that the top doesn't butt against the top of the email window. This is magnified by the fact that there is a background image in use that needs to line up with the content.
Oh, so it's just that it isn't flush with the email window itself? Not that it isn't flush with some other element in the email (sorry misread that initially)? Outlook 2007 really doesn't let you have things flush with the email window (no 0 margins for the overall body).
Yeah basically I have a step repeat background which has a definitive line running through it at about 100px down where it changes colour. This line should then match up with the table that holds the content which also has a definitive line at 100px and it does in other clients, just not outllook 2007. It seems to be that the background image repeating starts at 0px but the table starts at 25px or....resulting in it being visually out by 25px.
Is there a code I can use to turn the background repeat image off then if it is microsoft outlook 2007 is in use?
There is a CSS code that Outlook will recognize and with which you could add some conditional coding.
See http://www.campaignmonitor.com/blog/post/1774/using-conditional-comments-to-1/ for details.
Outlook really is a pain to code for... :P
Hope that help!