Jump to content

Email Newsletter alignment help, please if you can save a life!


scotchegg78

Recommended Posts

Hi guys

 

I have made an email newsletter that renders wrong in outlook for some reason, the link images all seem to pick up spacing from somewhere and nothign i can do seems to stop it!

 

the code is...

<table width="750" height="174" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01">
<tr>
	<td colspan="6" align="left" valign="top" width="750" height="152">
		<img src="http://www.scotche.gg/su/suemail_final/SUEMAIL_final_01.jpg" width="750" height="152" alt=""></td>
  </tr>
<tr>
	<td align="left" valign="top" width="122" height="22" cellpadding="0" cellspacing="0" style="margin:0;padding:0;">
		<img src="http://www.scotche.gg/su/suemail_final/SUEMAIL_final_02.jpg" width="122" height="22" alt="" border="0"></td>
  <td align="left" valign="top"  width="113" height="22" cellpadding="0" cellspacing="0" style="margin:0;padding:0;"><a href="http://shawandunderwood.co.uk/about.php" ><img src="http://www.scotche.gg/su/suemail_final/SUEMAIL_final_03.jpg" width="113" height="22" alt="" border="0"></a></td>
  <td align="left" valign="top" width="118" height="22" cellpadding="0" cellspacing="0" style="margin:0;padding:0;"><a href="http://shawandunderwood.co.uk/advertising.php"><img src="http://www.scotche.gg/su/suemail_final/SUEMAIL_final_04.jpg" width="118" height="22" alt="" border="0"></a></td>
<td align="left" valign="top" width="147" height="22" cellpadding="0" cellspacing="0" style="margin:0;padding:0;"><a href="http://shawandunderwood.co.uk/public.php"><img src="http://www.scotche.gg/su/suemail_final/SUEMAIL_final_05.jpg" width="147" height="22" alt="" border="0"></a></td>
<td align="left" valign="top" width="125" height="22" cellpadding="0" cellspacing="0" style="margin:0;padding:0;"><a href="http://shawandunderwood.co.uk/exhibitions.php"><img src="http://www.scotche.gg/su/suemail_final/SUEMAIL_final_06.jpg" width="125" height="22" alt="" border="0"></a></td>
  <td align="left" valign="top" width="125" height="22" cellpadding="0" cellspacing="0" style="margin:0;padding:0;">
		<img src="http://www.scotche.gg/su/suemail_final/SUEMAIL_final_07.jpg" width="125" height="22" alt="" border="0"></td>
  </tr>
  
  </table>

 

if anyone knows what to add or alter to fix it it would be a great help!

This usually happens to me when the widths and heights are off even by a pixel. Another thing you might want to check is whitespace in your html. Older email clients can render whitespace within an element such as : <td> <img.../> </td> and a literal space. Go with something like <td><img.../></td> instead.

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.