Background image not displaying for email in html

Kavitha Velayutham

I am creating a template for email contains a background. It is visible in browser not in mail.

<tr>
  <td  colspan="2">
     <table style="width:195px;background: url(coupon_bg%20.png);background-repeat: no-repeat;">
        <tr>
           <td style="border-right: white 1px solid;padding-bottom: 5px; "><span style="font-size: 20px;" ><b>40%</b></span><br />discount</td>
           <td style="padding-left: 10px;"> code <br>XXXXX</td>
        </tr>
       </table>
     </td>
  <td style="padding-left: 10px;font-size: 12px;font-weight: bold;line-height: 15px;">Our new update would give parents an opportunity to learn a lot more about their children's performance at school.</td>
</tr>

width of outer tr 545px,table with 195px, actual image width 190px, last td width 348px

Claudix

Since the email is received out from the domain of your site, url(coupon_bg%20.png) returns an incomplete path. It should point to a fully qualified path, e.g: http://foo.org/path/to/image.

EDIT

Also beware of space characters in file names. coupon_bg%20.png means that the source file name must be "coupon_bg .png" (notice the space character before the dot).

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at
0

Comments

0 comments
Login to comment

Related

From Dev

HTML Email background image not displaying full width

From Dev

HTM Email background image not displaying on outlook

From Dev

background image not displaying css/html

From Dev

Local background image not displaying in html

From Dev

Displaying an image as a background of a html form using CSS

From Dev

visualforce background image not displaying

From Dev

Body background image not displaying

From Dev

background image not displaying correctly

From Dev

Body background image not displaying

From Dev

Background Image is not displaying in Div

From Dev

Background Image not Displaying in Chrome

From Dev

Html not displaying correctly in email

From Dev

background-image in HTML, CSS and JavaScript game not displaying

From Dev

CSS Background Image Not Displaying ( using HTML5 Boilerplate)

From Dev

Not displaying blockquote and background in html

From Dev

Email background image

From Dev

Setting a background image using HTML in an outlook email using Excel VBA

From Dev

height in Html email: td with image beside td with background-color

From Dev

HTML Email : put transparent background color on image and text on it

From Dev

How to center align text for background image for OUTLOOK in HTML Email Template?

From Dev

CSS Background Image not displaying on mobile

From Dev

Background image size is not displaying on firefox

From Dev

Displaying a png image without the background

From Dev

Background image not displaying on mobile devices

From Dev

background-image not displaying on ios

From Dev

CSS: div with background image not displaying

From Dev

HTML Email displaying wrong on Firefox

From Dev

Displaying backup image in html

From Dev

Displaying broken image in HTML

Related Related

HotTag

Archive