 |
|
|
| View previous topic :: View next topic |
| Author |
Message |
lewyckoff
Joined: 02 Jul 2009
Posts: 1
|
 Posted: Thu Jul 02, 2009 12:38 pm Outlook 07 HTML email rendering issues |
 |
|
|
So I have 3 Outlook '07 issues in this HTML email I created (along with one that was also a problem in Gmail). The numbers in the screen shot correspond with my list #'s below.
1. The thing looks almost okay in Gmail, except for the alignment of the CompanyName, company logo, and the other associated text, which should be aligned with the bottom right corner of the yellow border. I tried fixing this with padding-top:30px; or so but I'm pretty sure this just pushed the flower image to the left of it further above the bottom yellow border.
2. The top border should really reappear-> I think when I added the <div align="center" style="margin:auto;"> bit just inside the body tags, it caused that top border disappearance in Outlook '07 although I'm not sure why. I wanted the email centered, but I also want that border visible!
3. Then there's the the flower image which should be up against the border instead of up 10px above it.
If anyone can help with even one of the 3 issues I'd really appreciate it.
Here's my code (the domain name, image and links have been changed so if you look at it in your text editor you won't see that stuff, but you should get the gyst...I hope.):
| Code: |
<!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">
<body>
<div style="margin:auto;" align="center">
<table border="0" cellpadding="0" cellspacing="0" bgcolor="#ffffff" style="border: 10px solid #cccc33; background:#ffffff;width:741px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:48px; font-weight:bold; line-height:1.1; margin:0;padding:0;">
<tr>
<td align="center" style="text-align:center;" colspan="2">
Thank you, {firstname}!
</td>
</tr>
<tr valign="bottom">
<td valign="bottom">
<a href="http://www.companyname.com/"><img border="0" src="http://www.companyname.com/summer_flower_trans.gif" alt="Summer sunflower image. Load images to view." width="340" height="386" /></a>
</td>
<td valign="top">
<p style="font-size:19px; padding-left:10px;">We hope you were satisfied with your recent order. We appreciate your business and look forward to working with you again. Enjoy the summertime!</p>
<p style="font-size:15px; padding-left:10px; padding-top:5px;">"Dont judge each day by the harvest you
reap but by the seeds that you plant."
- Robert Lewis Stevenson</p>
<div style="vertical-align:bottom;">
<a href="http://www.companyname.com/"><img src="http://www.companyname.com/_companynameLogo_trans.gif" width="394" alt="companyname Logo. Load images to view." height="73" border="0" /></a>
<p style="font-size:15px;padding-right:10px;" align="right">industry# <a href="http://www.companyname.com/">www.companyname.com</a></p>
</div>
</td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" bgcolor="#ffffff" style="background:#ffffff;width:750px;height:145px;padding-top:7px;">
<tr>
<td>
<a href="http://www.surveymonkey.com/page"><img src="http://www.companyname.com/leftcoupon.gif" alt="In good times and bad, what's most important to us is the service we provide you. Please take a moment to fill out our survey." width="372" height="140" border="0" style="padding-right:7px;" /></a>
</td>
<td>
<a href="http://www.companyname.com/"><img src="http://www.companyname.com/rightcoupon.jpg" alt=" Non-Woven Bags! Great for tradeshows and eco-friendly!" width="375" height="140" border="0" /></a>
</td>
</tr>
</table>
</div>
</body>
</html> |
|
|
PayneLess Designs
Joined: 28 Feb 2007
Posts: 3599
Location: Biloxi, MS
|
|
|
|
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
|
|
|
|
|
 |
|
|
|
|
|
|
|
Forum Home
FAQ
Search
Memberlist
Register
Profile
Log in to check your private messages
Log in
