View Full Version : HTML email with background image and text box on top

Nov 1st, 2009, 10:53 PM
I created this code in Dreamweaver and when I preview in browser or publish on the web it looks exactly how I want. The image as a no repeat background and the text positioned on the image. However, when I paste the code into icontact and send a test email, it comes through with the text box first and the background image below it. Is there any way to make the text appear on top of the image? MANY THANKS in advance for your help!! Lisa

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
body {
background-image: url("http://thevineyardwinecompany.com/images/email_template.jpg");
background-position: absolute;
background-repeat: no-repeat;

#apDiv1 {
left: 230px;
top: 81px;
.style1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
.style2 {
color: #990000;
font-weight: bold;

<div id="apDiv1">
<p align="center" class="style1"><span class="style2"><br />3-DAYS OF CUSTOMER APPRECIATION</span><br />
Complimentary appetizer &amp; wine stations and signature drinks honoring our 1st year anniversary and you, our customers!<br />
<em>Monday, November 9th to Wednesday, November 11th<br />
4:00-7:00pm daily</em></p>
<p align="center" class="style1"><span class="style2">WINE DINNER</span> French cuisine inspired by Julia Child<br />
<a href="mailto:[email protected]">Reserve your seat</a><br />
<em>Tuesday, November 17<br />
<p align="center" class="style1"><span class="style2">JAZZ BRUNCH</span> WLOQ live broadcast with Yvonne Coleman<br />
<em>Sunday, November 29<br />
10:00am to 2:00pm</em></p>
<p align="center" class="style1"><span class="style2">SIP N' SEE</span> Complimentary wine tasting honoring local artists
<em><br />
November 7 - contemporary oil paintings with Damon DeWitt<br />
November 14 - canvas artist John Wysocki<br />Saturdays 12:30pm to 3:30pm</em></p>
<p align="center" class="style1"><span class="style2">FOOD DRIVE</span> WLOQ and The Community Food &amp; Outreach Center<br />
<em>Wednesday, November 18<br />
Drop off canned goods from 12noon to 1:00pm</em></p>
<p align="center" class="style1"><a href="/calendar.html" title="Calendar of Events">View the complete list of special events</a><br /><br />
<strong>We look forward to seeing you soon!</strong></p>

Nov 2nd, 2009, 08:54 AM
http://articles.sitepoint.com/article/code-html-email-newsletters may give you some insight.