PDA

View Full Version : HTML Newsletter table background problem

bktoys
03-08-2005, 04:45 PM
Hi guys, hope you can help!

I'm designing an email newsletter and have specified a background image on the second level table in the HTML code. Table dimensions are set to the image size as I don't want it to tile.

Preview looks perfect in IE, but when I paste into a new email (Outlook), the background image tiles very slightly (i.e. you can just see the top of the image repeated below the main one).

Can anyone help please??
chilipie
03-08-2005, 06:28 PM
Can anyone help please??
Not without any code, no... ;)
bktoys
03-08-2005, 06:34 PM
Not without any code, no... ;)
lol!

Ok, you win! ;)


<html>
<head>
<title>BK Newsletter</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgproperties="fixed">
<table>
<tr>
<td valign=top>
<table width="515" height="461" border=0 cellspacing="0" cellpadding="33" valign="top"
style="background-image: url('http://www.website.co.uk/shop/images/newsletter/newlettbg.gif'); border: 2 ridge #800000">
<tr>
<td valign="top" width="500">
<table cellpadding="5">
<tr>
<td>
<font face="Arial, Helvetica, sans-serif">
<H3>Welcome to Barbara's Newsletter!</H3>
<p align="left">Mailing listers get a special introductory 15% discount off normal BK shop prices! Just make a note of your voucher code
below and enter it at the checkout before you place your order and 15% will be deducted from each item you order!</p>
<p align="left">
So head on over to <a href="http://www.website.co.uk">www.website.co.uk</a> today and place
your order. With 15% off, there's never been a better time!</p>
<p><strong>Voucher code: BK00001</strong></p>

<br><br><br><br>

<p>This email has been sent to you because your email address has been used to request this information. If you would prefer not to
receive Barbara's Newsletter <font color="#0000FF"><u>unsubscribe here</u></font>. <font color="#0000FF"><u>Privacy Policy</u></font></p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td valign="top">
<table bgcolor="#FF0099" cellspacing="1" width="143">
<tr>
<td bgcolor="#FF0099" align="center"><font face="Arial, Helvetica, sans-serif" color="#FFFFFF"><strong>Special Offers</strong></font></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><img src="http://www.website.co.uk/shop/images/prod/AC109.jpg" border=0><br>
<font face="Arial, Helvetica, sans-serif" color="#000000">
Product 1<br>
BK Price: &pound;4.95 <br><strong>Your Price: &pound;4.20</strong></font></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><img src="http://www.website.co.uk/shop/images/prod/AC102.jpg" border=0><br>
<font face="Arial, Helvetica, sans-serif" color="#000000">
Product 2<br>
BK Price: &pound;19.99 <br><strong>Your Price: &pound;16.99</strong></font></td>
</tr>
<tr>
<td bgcolor="#FFFFFF">
<img src="http://www.website.co.uk/shop/images/prod/D58.jpg" border=0></a><br>
<font face="Arial, Helvetica, sans-serif" color="#000000">
DVD<br>
BK Price: &pound;15 <br><strong>Your Price: &pound;12.75</strong></font></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
evo
03-08-2005, 06:40 PM
I don't really think it is suitable even as coded text...
Spookster
03-08-2005, 11:42 PM
lol!

Ok, you win! ;)

Just don't look at the site if you're easily offended!!



It's not a matter of if we are easily offended. We clearly state in our rules what you cannot post in our forums:



1.5) No objectionable content- Do not post content/subject/links that may not be appropriate to everybody, including minors. Examples include adult links, hateful/ distasteful content, vulgar language etc.
Mhtml
03-09-2005, 03:30 AM
Well the solution to your problem is CSS.


...
<td style="background-repeat: no-repeat;">...
...
bktoys
03-09-2005, 10:01 AM
It's not a matter of if we are easily offended. We clearly state in our rules what you cannot post in our forums

Apologies Spookster, have edited accordingly. I sometimes forget because unlike previous jobs, it IS work related!
bktoys
03-09-2005, 10:04 AM
Well the solution to your problem is CSS.


...
<td style="background-repeat: no-repeat;">...
...


Works like a charm!! Thanks Michael, very much appreciated! :thumbsup: