1 Reply Latest reply on Sep 16, 2006 1:31 PM by Newsgroup_User

    Email a image with text on top of it.....

    Level 7
      I'm trying to create a emailable coupon for a customer. I have the image as
      a background image, set in the embedded CSS on the page. I'm sending this
      through Coldfusion 6.1 MX.

      At this point, the image doesn't appear......I've attached my code, so if
      anyone sees anything that I can change to make this work, please let me
      know.

      Thanks.

      <cfmail from="test@site2.com" to="test2@yahoo.com" server="mail.server.com"
      subject="Test coupon" type="html">

      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
      " http://www.w3.org/TR/html4/loose.dtd">
      <html>
      <head>
      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
      <title>Untitled Document</title>

      <style type="text/css">
      <!--
      ##Coupon div {
      margin-right:45px;
      margin-top:50px;
      color:##FFFFFF;
      }

      ##Coupon {
      width: 434px;
      height:234px;
      background-image:
      url( http://www.serenityboise.com/images/CouponTemplate.gif);
      background-position:center;
      background-repeat:no-repeat;
      }
      -->
      </style>
      </head>

      <body>
      <div id="Coupon" align="center">
      <div>test</div>
      </div>
      </body>
      </html>
      </cfmail>


        • 1. Re: Email a image with text on top of it.....
          Level 7
          Try this....

          <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
          " http://www.w3.org/TR/html4/loose.dtd">
          <html>
          <head>
          <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
          <title>Untitled Document</title>

          </head>

          <body>
          <style type="text/css">
          <!--
          ##Coupon div {
          margin-right:45px;
          margin-top:50px;
          color:##FFFFFF;
          }

          ##Coupon {
          width: 434px;
          height:234px;
          background-image:
          url( http://www.serenityboise.com/images/CouponTemplate.gif);
          background-position:center;
          background-repeat:no-repeat;
          }
          -->
          </style>
          <div id="Coupon" align="center">
          <div>test</div>
          </div>
          </body>
          </html>
          </cfmail>


          --
          Murray --- ICQ 71997575
          Adobe Community Expert
          (If you *MUST* email me, don't LAUGH when you do so!)
          ==================
          http://www.dreamweavermx-templates.com - Template Triage!
          http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
          http://www.dwfaq.com - DW FAQs, Tutorials & Resources
          http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
          ==================


          "Steve Grosz" <boise_bound@hotmail.com> wrote in message
          news:eehjro$mch$1@forums.macromedia.com...
          > I'm trying to create a emailable coupon for a customer. I have the image
          > as a background image, set in the embedded CSS on the page. I'm sending
          > this through Coldfusion 6.1 MX.
          >
          > At this point, the image doesn't appear......I've attached my code, so if
          > anyone sees anything that I can change to make this work, please let me
          > know.
          >
          > Thanks.
          >
          > <cfmail from="test@site2.com" to="test2@yahoo.com"
          > server="mail.server.com" subject="Test coupon" type="html">
          >
          > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
          > " http://www.w3.org/TR/html4/loose.dtd">
          > <html>
          > <head>
          > <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
          > <title>Untitled Document</title>
          >
          > <style type="text/css">
          > <!--
          > ##Coupon div {
          > margin-right:45px;
          > margin-top:50px;
          > color:##FFFFFF;
          > }
          >
          > ##Coupon {
          > width: 434px;
          > height:234px;
          > background-image:
          > url( http://www.serenityboise.com/images/CouponTemplate.gif);
          > background-position:center;
          > background-repeat:no-repeat;
          > }
          > -->
          > </style>
          > </head>
          >
          > <body>
          > <div id="Coupon" align="center">
          > <div>test</div>
          > </div>
          > </body>
          > </html>
          > </cfmail>
          >