AE
0
Background Images Repeating in Outlook 2007, 2010 and 2013
Hi,
I am working on a new email template which uses a background image. The image is repeating itself on the y axis in Oulook 2007, 2010 and 2013. I can't seem to troubleshoot it, my code is below does anybody have any ideas what I'm doing wrong?
<!-- block 1 start -->
<table width="100%" cellspacing="0" border="0" cellpadding="0">
<tr>
<td valign="top" style="padding:5px 0;" align="center">
<!--wrapper open-->
<table width="750" bgcolor="#FFFFFF" cellspacing="0" id="yahoo-resize" border="0" class="device-width" cellpadding="0" style="background-repeat:no-repeat; overflow:hidden;">
<tr>
<td valign="top" align="center">
<!--container open-->
<!--Pre-Text//-->
<!--//Pre-Text-->
<!--header section//-->
<table width="750" cellspacing="0" border="0" class="full-width" cellpadding="0" align="center">
<tr>
<td background="http://clients.accordwest.co.uk/00000000_background_image_testing/v1/images/header.jpg" bgcolor="#333333" style="background-image: url('http://clients.accordwest.co.uk/00000000_background_image_testing/v1/images/header.jpg'); background-repeat:repeat-y no-repeat; background-repeat:repeat-x no-repeat; overflow:hidden; background-position:top center;" valign="top" class="hero-bg-swap" align="center">
<!--[if gte mso 9]><v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:750px;height:555px;"><v:fill type="tile" src="http://clients.accordwest.co.uk/00000000_background_image_testing/v1/images/header.jpg" color="#cfb296" /><v:textbox inset="0,0,0,0"><![endif]-->
<table width="620" cellspacing="0" border="0" class="full-width" cellpadding="0" align="center">
<tr>
<td align="center">
<table width="100%" cellspacing="0" class="width-95" border="0" cellpadding="0">
<tr>
<td style="font-size:0px; line-height:0px;">
<a href="#"><img width="15" src="images/trans_pix.gif" height="50" style="display:block" border="0"/></a>
</td>
</tr>
<tr>
<td>
<a style="font-family:Arial, Helvetica, sans-serif; font-size:37px; color:#FFFFFF; text-decoration:none; text-align:left;" href="#">Ski Alberta</a>
</td>
</tr>
<tr>
<td>
<a style="font-family:Arial, Helvetica, sans-serif; font-size:25px; color:#FFFFFF; text-decoration:none; text-align:left;" href="#">from £1,359 pp</a>
</td>
</tr>
<tr>
<td style="font-size:0px; line-height:0px;">
<a href="#"><img width="15" src="images/trans_pix.gif" height="20" style="display:block" border="0"/></a>
</td>
</tr>
<tr class="mobile-hide">
<td style="font-size:0px; line-height:0px;">
<a href="#"><img width="100%" src="images/trans_pix.gif" height="14" style="display:block" border="0"/></a>
</td>
</tr>
<tr>
<td>
<table align="left" cellspacing="0" border="0" cellpadding="0">
<tr>
<td height="40" style="border:2px solid #ffffff;">
<table width="100%" cellspacing="0" border="0" cellpadding="0">
<tr>
<td width="20" style="font-size:0px; line-height:0px;">
<a href="#"><img width="20" src="images/trans_pix.gif" height="15" style="display:block" border="0"/></a>
</td>
<td>
<table width="100%" cellspacing="0" border="0" cellpadding="0">
<tr>
<td style="font-size:0px; line-height:0px;">
<img width="15" src="images/trans_pix.gif" height="6" style="display:block" border="0"/>
</td>
</tr>
<tr>
<td style="font-family:Arial, Helvetica, sans-serif; font-size:18px; line-height:18px; mso-line-height-rule: exactly; color:#ffffff; text-transform:uppercase;">
<a style="color:#ffffff; text-decoration:none" href="#">Read more</a>
</td>
</tr>
<tr>
<td style="font-size:0px; line-height:0px;">
<img width="15" src="images/trans_pix.gif" height="6" style="display:block" border="0"/>
</td>
</tr>
</table>
</td>
<td width="20" style="font-size:0px; line-height:0px;">
<a href="#"><img width="20" src="images/trans_pix.gif" height="15" style="display:block" border="0"/></a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="font-size:0px; line-height:0px;">
<a href="#"><img width="15" src="images/trans_pix.gif" height="100" style="display:block" border="0"/></a>
</td>
</tr>
<tr class="mobile-hide">
<td style="font-size:0px; line-height:0px;"><img width="15" src="images/trans_pix.gif" height="15" style="display:block" border="0"/>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!--[if gte mso 9]>
</v:textbox>
</v:rect>
<![endif]-->
</td>
</tr>
</table>
<!--//header section-->
<!--closed container-->
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- block 1 end -->
```
Thank you
It's OK guys I've fixed it!
What was the fix?