Quote Originally Posted by ssolis5788 View Post
Thanks to you both! It would be a shame to go back to html when there is css out there! . Can I just remove the yellow block? Would that simplify it enough? I've opened this page (email_template_coupon) in Dreamweaver and still cannot seem to get rid of the block. My goal is to have all the text fit within the width of my header. Here is the edited source code now:

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=us-ascii" />
<base href="$BASE_HREF" />
<style type="text/css">
body {background-color:#ffffff; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center;}
a:link {color:#0066cc;}
a:hover {background-color:#eeeecc; color:#0066cc;}
a:visited {color:#0066cc;}
.holder {background-color:#f9f9f9; border:1px solid #9a9a9a; font-size:9px; text-align:left; width:550px;}
.header {font-size:10px; padding:0px; width:550px;}
.content {font-size:12px; padding:5px; width:550px;}
.footer {border-top:1px solid #9a9a9a; font-size:9px; margin-top:10px; text-align:center; width:550px;}
.coupon-code {font-weight:bold;}
.content-line {padding:5px; width:550px;}
.disclaimer {background-color:#f9f9f9; border:1px solid #cccccc; font-size:10px; margin-top:10px; padding:5px; width:550px;}
.disclaimer1 {color:#666666; padding:5px;}
.disclaimer1 a:link {color:#666666;}
.disclaimer1 a:visited {color:#666666;}
.disclaimer2 {color:#666666; padding:5px;}
.copyright {border-bottom:0px solid #9a9a9a; padding:5px;}</style>
</head>
<body><div class="holder"><!-- Header Section -->
<div class="header"><img alt="logo" src="email/header.jpg" /> </div><!-- Content Section -->
<div class="content">
<div class="content-line">Dear $EMAIL_FIRST_NAME $EMAIL_LAST_NAME,</div>
<div class="content-line">$EMAIL_MESSAGE_HTML</div>
<div class="content-line">$COUPON_TEXT_TO_REDEEM</div>
<div class="content-line">$COUPON_TEXT_VOUCHER_IS <span class="coupon-code">$COUPON_CODE</span> - <span class="coupon-desc">$COUPON_DESCRIPTION</span> </div>
<div class="content-line">$COUPON_TEXT_REMEMBER</div>
<div class="content-line">$COUPON_REDEEM_STORENAME_URL</div></div><!-- Footer Section -->
<div class="footer">
<div class="copyright">$EMAIL_FOOTER_COPYRIGHT</div></div></div>
<div class="disclaimer">
<div class="disclaimer1">$EMAIL_DISCLAIMER</div>
<div class="disclaimer2">$EMAIL_SPAM_DISCLAIMER</div></div>
<div></div>
</body>
</html>
Well, I've spent the last 3 days looking for the code that controls the yellow box, but cannot find it. I've also tried inserting html code, but I guess I'm not integrating it with css properly because the form then does not work. Can someone please let me know where the fix is for this? Thanks!