Link to home
Start Free TrialLog in
Avatar of Web-Master29
Web-Master29

asked on

HELP.. background images in eblasting

I need to know why my background images are not showing up in any email provider, ie- G mail, Yahoo, Outlook and so on. Is there a way to e-blast with the background images fully visible??? If so what do I need to do to accomplish this, as of now I am not seeing any of the background images in the e blasts. Any help will be appreciated.

Below is the code for the e blast. Strictly HTML and inline CSS

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>EBLAST - ELectriacl Products Sale- General Tools</title>
</head>

<body>

<table cellpadding="0" cellspacing="0" align="center" width="700" border="0">
<!-- BEGIN row one Header -->
<tr>
<td colspan="5"><img border="0" src="http://generaltools.com/GT-Email-Blasts/electrician-10-2-13/precision-tools-header.jpg" usemap="#Map" style="display: block;"/></td>
</tr>
<!-- END row one Header -->

<!-- BEGIN row two Promotional -->
<tr>
<td colspan="5"><img style="display: block;" src="http://generaltools.com/GT-Email-Blasts/electrician-10-2-13/20-0ff-banner-ELEC20.jpg"/></td>
</tr>
<!-- END row two Promotional-->

<!-- BEGIN row one-->
<tr style="font-family: 'calibri'; font-size: 14pt; margin: 0px 0px 0px 0px;">

<td rowspan="3"><img style="display: block; width: 163px; height: 546px;" src="http://generaltools.com/GT-Email-Blasts/electrician-10-2-13/tool-belt-side-img.jpg"/></td>

<td><img style="display: block; width: 135px; height: 179px;" src="http://generaltools.com/GT-Email-Blasts/electrician-10-2-13/cl10-product-img.jpg"/></td>

<td style="width: 132px; height: 179px; background-image: url(http://generaltools.com/GT-Email-Blasts/electrician-10-2-13/cl10-product-info-box.jpg)" valign="top" >

<table style="font-family: 'calibri'; padding-left: 5px; width: 100%;"  border="0" cellspacing="0" cellpadding="0">
  <tr >
    <td height="1" valign="top" style="font-size: 35px; font-style: italic;">CL10</td>
  </tr>
  <tr >
    <td height="1" style="font-family: Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, sans-serif; font-size: 12px; line-height: 1%;">Cable &amp; Pipe Locator</td>
  </tr>
  <tr><td height="50"></td></tr>
  <tr >
    <td height="1" style="line-height: 40px; color: #47a023; font-size: 30px; font-style: italic;">Save 20%</td>
  </tr>
  <tr >
    <td height="1" style="line-height: 1%; color: #47a023; font-style: italic; font-size: 15px; margin: 0px 0px 0px 0px;">use promo ELEC20</td>
  </tr>
</table>
<a href="a"><img border="0" style="display: block;  margin-top: 5px;" src="http://generaltools.com/GT-Email-Blasts/electrician-10-2-13/small-empty-button.png"/></a>
</td>
<td><img style="display: block; width: 135px; height: 179px;" src="http://generaltools.com/GT-Email-Blasts/electrician-10-2-13/damp68-product-img.jpg"/></td>

<td valign="top" style="font-size: 30px; background-image: url(http://generaltools.com/GT-Email-Blasts/electrician-10-2-13/damp68-product-info-box.jpg); font-style: italic; width: 135px; height: 179px">

<table style="font-family: 'calibri'; padding-left: 5px; width: 100%;"  border="0" cellspacing="0" cellpadding="0">
  <tr >
    <td height="1" valign="top" style="font-size: 33px; font-style: italic;">DAMP68</td>
  </tr>
  <tr >
    <td height="1" style="font-family: Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, sans-serif; font-size: 12px; line-height: 1%; font-style: normal;">Auto Ranging AC/DC<div style="line-height: 25px;">True RMS 400 AMP</div><div>Clamp Meter</div>
</td>
  </tr>
  <tr><td height="25"></td></tr>
  <tr >
    <td height="1" style="line-height: 40px; color: #47a023; font-size: 30px; font-style: italic;">Save 20%</td>
  </tr>
  <tr >
    <td height="1" style="line-height: 1%; color: #47a023; font-style: italic; font-size: 15px; margin: 0px 0px 0px 0px;">use promo ELEC20</td>
  </tr>
</table>
<a href="http://www.precisiontoolsandinstruments.com/DAMP68--AUTO-RANGING-ACDC-TRUE-RMS-400-AMP-CLAMP-METER_p_3954.html" target="_parent"><img border="0" style="display: block; margin-top: 5px;" src="http://generaltools.com/GT-Email-Blasts/electrician-10-2-13/small-empty-button.png"/></a></td>
</tr>
<!-- END row one-->

<!-- BEGIN row two -->
<tr style="font-family: 'calibri'; font-size: 14pt; margin-bottom: 0px; margin-top: 0px;">
<td><img style="display: block; width: 135px; height: 188px;" src="http://generaltools.com/GT-Email-Blasts/electrician-10-2-13/dmm570-product-img.jpg"/></td>
<td style="background-image: url(http://generaltools.com/GT-Email-Blasts/electrician-10-2-13/dmm570-product-info-box.jpg); font-size: 30px; font-style: italic; width: 132px; height: 188px;" valign="top">
<table style="font-family: 'calibri'; padding-left: 5px; width: 100%;"  border="0" cellspacing="0" cellpadding="0">
  <tr >
    <td height="1" valign="top" style="font-size: 30px; font-style: italic;">DMM570</td>
  </tr>
  <tr >
    <td height="1" style="font-family: Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, sans-serif; font-size: 12px; line-height: 1%; font-style: normal;">Professional True<br><p>Rms Multimeter</p>  </td>
  </tr>
  <tr><td height="35"></td></tr>
  <tr >
    <td height="1" style="line-height: 40px; color: #47a023; font-size: 30px; font-style: italic;">Save 20%</td>
  </tr>
  <tr >
    <td height="1" style="line-height: 1%; color: #47a023; font-style: italic; font-size: 15px; margin: 0px 0px 0px 0px;">use promo ELEC20</td>
  </tr>
</table>
<a href="http://www.precisiontoolsandinstruments.com/PROFESSIONAL-TRUE-RMS-MULTIMETER-WITH-NCV-DETECTION_p_7076.html" target="_parent"><img border="0" style="display: block;  margin-top: 10px;" src="http://generaltools.com/GT-Email-Blasts/electrician-10-2-13/small-empty-button.png"/></a></td>
<td><img style="display: block; width: 135px; height: 188px;" src="http://generaltools.com/GT-Email-Blasts/electrician-10-2-13/cmr35-product-img.jpg"/></td>
<td style="background-image: url(http://generaltools.com/GT-Email-Blasts/electrician-10-2-13/cmr35-product-info-box.jpg); width: 135px; height: 188px;" valign="top">
<table style="font-family: 'calibri'; padding-left: 5px; width: 100%;"  border="0" cellspacing="0" cellpadding="0">
  <tr >
    <td height="1" valign="top" style="font-size: 33px; font-style: italic;">CMR35</td>
  </tr>
  <tr >
    <td height="1" style="font-family: Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, sans-serif; font-size: 12px; line-height: 1%; font-style: normal;">Wireless 600V TRMS<br><p>Clamp Meter</p>  </td>
  </tr>
  <tr><td height="34"></td></tr>
  <tr >
    <td height="1" style="line-height: 40px; color: #47a023; font-size: 30px; font-style: italic;">Save 20%</td>
  </tr>
  <tr >
    <td height="1" style="line-height: 1%; color: #47a023; font-style: italic; font-size: 15px; margin: 0px 0px 0px 0px;">use promo ELEC20</td>
  </tr>
</table>
<a href="http://www.precisiontoolsandinstruments.com/CMR35--WIRELESS-600V-TRMS-CLAMP-METERDATA-LOGGING-SYSTEM-ETL-CAT-III-600V_p_3914.html" target="_parent"><img border="0" style="display: block;  margin-top: 10px;" src="http://generaltools.com/GT-Email-Blasts/electrician-10-2-13/small-empty-button.png"/></a></td>
</tr>
<!-- END row two -->

<!-- BEGIN row thee -->
<tr style="font-family: 'calibri'; font-size: 14pt; margin-bottom: 0px; margin-top: 0px;">
<td><img style="display: block; width: 135px; height: 179px;" src="http://generaltools.com/GT-Email-Blasts/electrician-10-2-13/gt320-product-img.jpg"/></td>
<td style="background-image: url(http://generaltools.com/GT-Email-Blasts/electrician-10-2-13/gt320-product-info-box.jpg); width: 132px; height: 179px;" valign="top"><table style="font-family: 'calibri'; padding-left: 5px; width: 100%;"  border="0" cellspacing="0" cellpadding="0">
  <tr >
    <td height="1" valign="top" style="font-size: 30px; font-style: italic;">GT320</td>
  </tr>
  <tr >
    <td height="1" style="font-family: Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, sans-serif; font-size: 12px; line-height: 1%; font-style: normal;">Wireless Data Logging <br><p>Multimeter </p>  </td>
  </tr>
  <tr><td height="32"></td></tr>
  <tr >
    <td height="1" style="line-height: 40px; color: #47a023; font-size: 30px; font-style: italic;">Save 20%</td>
  </tr>
  <tr >
    <td height="1" style="line-height: 1%; color: #47a023; font-style: italic; font-size: 15px; margin: 0px 0px 0px 0px;">use promo ELEC20</td>
  </tr>
</table>
  <a href="http://www.precisiontoolsandinstruments.com/GT320--WIRELESS-DATA-LOGGING-MULTIMETER-WITH-DOT-MATRIX-LCD-PLUS-NCVNCC_p_4123.html" target="_parent"><img border="0" style="margin-top: 5px; display: block; " src="http://generaltools.com/GT-Email-Blasts/electrician-10-2-13/small-empty-button.png"/></a></td>
<td><img style="display: block; width: 135px; height: 179px;" src="http://generaltools.com/GT-Email-Blasts/electrician-10-2-13/cm770-product-img.jpg"/></td>
<td style="background-image: url(http://generaltools.com/GT-Email-Blasts/electrician-10-2-13/cm770-product-info-box.jpg); width: 135px; height: 179px;" valign="top"><table style="font-family: 'calibri'; padding-left: 5px; width: 100%;"  border="0" cellspacing="0" cellpadding="0">
  <tr >
    <td height="1" valign="top" style="font-size: 30px; font-style: italic;">CM770</td>
  </tr>
  <tr >
    <td height="1" style="font-family: Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, sans-serif; font-size: 12px; line-height: 1%; font-style: normal;">New Dual Display AMP<br><p>with AC/DC AMPS</p>  </td>
  </tr>
  <tr><td height="32"></td></tr>
  <tr >
    <td height="1" style="line-height: 40px; color: #47a023; font-size: 30px; font-style: italic;">Save 20%</td>
  </tr>
  <tr >
    <td height="1" style="line-height: 1%; color: #47a023; font-style: italic; font-size: 15px; margin: 0px 0px 0px 0px;">use promo ELEC20</td>
  </tr>
</table>
  <a href="http://www.precisiontoolsandinstruments.com/NEW-DUAL-DISPLAY-AMP-CLAMP-W-ACDC-AMPS-TRUE-RMS-NCV-1000V1000A-01-RESOLUTION-AND-REMOVEABLE-IRT_p_7063.html" target="_parent"><img border="0" style="margin-top: 5px; display: block; " src="http://generaltools.com/GT-Email-Blasts/electrician-10-2-13/small-empty-button.png"/></a></td>
</tr>
<!-- END row three -->

<!-- BEGIN row four -->
<tr>
<td colspan="5"><img style="display: block; margin-top: 5px; margin-bottom: 5px; width: 700px; height: 128px;" src="http://generaltools.com/GT-Email-Blasts/electrician-10-2-13/other-promotionals-ad.jpg"/></td>
</tr>
<!-- END row four -->

</table>
<table cellpadding="0" cellspacing="0" align="center" width="700" border="1" style="   border: thin; border: #EBEBEB;">

<!-- BEGIN table two row one-->
  <tr>
    <td valign="baseline" style="background-image: url(http://generaltools.com/GT-Email-Blasts/electrician-10-2-13/19.99.png); width: 267px; height: 353px;">
    <p style="font-family: 'calibri'; position: relative; top: 35px; left: 110px; margin-bottom: 0px;">Precision Mr. 7 Hands</p>
    <img style="display: block; margin-top: 60px; margin-left: 20px; float: left;" src="http://generaltools.com/GT-Email-Blasts/electrician-10-2-13/my7-hands.png"/>
    <a href="http://www.precisiontoolsandinstruments.com/Precision-Mr-7-Hands_p_6642.html" target="_parent"><img style="display: block; margin-top: 100px; margin-left: 20px; float: left;" src="http://generaltools.com/GT-Email-Blasts/electrician-10-2-13/empty-button.png"/ border="0"></a></td>
    <td style="background-image: url(http://generaltools.com/GT-Email-Blasts/electrician-10-2-13/49.99.png); width: 267px; height: 353px;">
    <p style="font-family: 'calibri'; position: relative; top: 30px; left: 90px; margin-bottom: 0px;">18 Volt 3/8" Cordless Drill</p>
    <img style="display: block; margin-top: 90px; margin-left: 20px; float: left;" src="http://generaltools.com/GT-Email-Blasts/electrician-10-2-13/18-volt-cordlesst.png"/>
    <a href="http://www.precisiontoolsandinstruments.com/18-Volt-38-Cordless-Drill_p_6626.html" target="_parent"><img style="display: block; margin-top: 100px; margin-left: 0px; float: left;" src="http://generaltools.com/GT-Email-Blasts/electrician-10-2-13/empty-button.png" border="0"/></a></td>
  </tr>
<!-- END table two row one-->

<!-- BEGIN table two row two-->
  <tr>
    <td style="background-image: url(http://generaltools.com/GT-Email-Blasts/electrician-10-2-13/32.86.png);  width: 267px; height: 357px;">
    <p style="background-image: url(http://generaltools.com/GT-Email-Blasts/electrician-10-2-13/32..png); font-family: 'calibri'; position: relative; top: 35px; left: 60px; margin-bottom: 0px;">Wire Stripper / utter 8-3/4IN. All Purpose

</p>
    <img  style="display: block; margin-top: 60px; margin-left: 20px; float:left;" src="http://generaltools.com/GT-Email-Blasts/electrician-10-2-13/speacial-savings-wire-stripper-cutter.png"/>
    <a href="http://www.precisiontoolsandinstruments.com/WIRE-STRIPPER-CUTTER-8-34IN-ALL-PURPOSE_p_6847.html"><img style="display: block; margin-top: 130px; margin-left: 100px; float: left;" src="http://generaltools.com/GT-Email-Blasts/electrician-10-2-13/empty-button.png" border="0"/></a></td>

    <td style="background-image: url(http://generaltools.com/GT-Email-Blasts/electrician-10-2-13/47.56.png); width: 267px; height: 357px;">
    <p style="font-family: 'calibri'; position: relative; top: 35px; left: 55px; margin-bottom: 0px;">Journeyman Comfort Crimping Tool 9 3/4

</p>
    <img  style="display: block; margin-top: 60px; margin-left: 20px; float: left;" src="http://generaltools.com/GT-Email-Blasts/electrician-10-2-13/journeyman-comfort.png"/>
    <a href="http://www.precisiontoolsandinstruments.com/JOURNEYMAN-COMFORT-CRIMPING-TOOL-9-34_p_5020.html" target="_parent"><img style="display: block; margin-top: 130px; margin-left: 80px; float: left;" src="http://generaltools.com/GT-Email-Blasts/electrician-10-2-13/empty-button.png" border="0"/></a></td>
  </tr>
<!-- END table two row two-->

<!-- BEGIN table two row three-->
  <tr>
    <td style="background-image: url(http://generaltools.com/GT-Email-Blasts/electrician-10-2-13/61.20.png); width: 267px; height: 355px;">
    <p style="font-family: 'calibri'; position: relative;left: 60px; margin-bottom: 0px; margin-top: 45px;">Plier Set 4-IN1 3 Pc Tongue N Groove

</p>
    <img style="display: block; margin-top: 20px; margin-left: 20px; float: left;" src="http://generaltools.com/GT-Email-Blasts/electrician-10-2-13/plier-4-in-1.png"/>
    <a href="http://www.precisiontoolsandinstruments.com/PLIER-SET-4-IN-1-3-PC-TONGUE-N-GROOVE_p_5490.html" target="_parent"><img style="display: block; margin-top: 100px; margin-left: 30px; float: left;" src="http://generaltools.com/GT-Email-Blasts/electrician-10-2-13/empty-button.png" border="0"/></a></td>
    <td style="background-image: url(http://generaltools.com/GT-Email-Blasts/electrician-10-2-13/131.85.png); width: 267px; height: 355px;">
    <p style="font-family: 'calibri'; position: relative; left: 80px; margin-bottom: 0px; margin-top: 45px;">132 Piece. Mechanic's Tool Set

</p>
    <img  style="display: block; margin-top: 100px; margin-left: 20px; float: left;" src="http://generaltools.com/GT-Email-Blasts/electrician-10-2-13/pc-mechanic's-tool-set.png"/>
    <a href="http://www.precisiontoolsandinstruments.com/158-PC-Mechanics-Tool-Set_p_6463.html" target="_parent"><img style="display: block; margin-top: 100px; margin-right: 10px; float: left;" src="http://generaltools.com/GT-Email-Blasts/electrician-10-2-13/empty-button.png" border="0"/></a></td>
  </tr>
<!-- END table two row three-->

<!-- BEGIN table two row four-->
  <tr>
    <td style="background-image: url(http://generaltools.com/GT-Email-Blasts/electrician-10-2-13/218.71.png);  width: 267px; height: 355px;">
    <p style="font-family: 'calibri'; position: relative;left: 30px; top: 31px;"><strong>NEW</strong>-Plier Set 4-IN1 3 Pc Tongue N Groove </p>
    <img style="display: block; margin-top: 161px; margin-left: 10px; float: left;" src="http://generaltools.com/GT-Email-Blasts/electrician-10-2-13/new-10-pc-pliers-set.png"/>
    <a href="http://www.precisiontoolsandinstruments.com/New-set-10R-7R-10WR-7WR-5WR-7CR-6LN-9LN-6R-11R-FR-Versions_p_6815.html" target="_parent"><img style="display: block;  margin-top: 100px; margin-left: 10px;" src="http://generaltools.com/GT-Email-Blasts/electrician-10-2-13/empty-button.png" border="0"/></a></td>
    <td style="background-image: url(http://generaltools.com/GT-Email-Blasts/electrician-10-2-13/173.29.png); width: 267px; height: 355px;">
    <p style="font-family: 'calibri'; position: relative;left: 60px; top: 35px; ">Plier Set 4-IN1 3 Pc Tongue N Groove

</p>
    <img style="display: block; margin-top:150px; margin-left: 5px; float: left;" src="http://generaltools.com/GT-Email-Blasts/electrician-10-2-13/10-pc-pliers-set.png"/>
    <a href="http://www.precisiontoolsandinstruments.com/PLIERS-10PCSET-11R10R10WR9LN7LW7R7WR6R6LN5WR_p_5937.html" target="_parent"><img style="display: block; margin-top: 100px; margin-left: 10px;" src="http://generaltools.com/GT-Email-Blasts/electrician-10-2-13/empty-button.png" border="0"/></a>
    </td>
  </tr>
<!-- END table two row four-->

<!-- BEGIN table two row five-->
  <tr>
    <td style="background-image: url(http://generaltools.com/GT-Email-Blasts/electrician-10-2-13/29.99.png); width: 267px; height: 355px;">
    <p style="font-family: 'calibri'; position: relative; left: 40px; top: 35px;">4.8 Volt Recharegeable Cordless Screwdriver</p>
    <img style="display: block; margin-top: 20px; margin-left: 20px; float: left;" src="http://generaltools.com/GT-Email-Blasts/electrician-10-2-13/4.8-volt-recharge.png"/>
    <a href="http://www.precisiontoolsandinstruments.com/48-Volt-Rechargeable-Cordless-Screwdriver_p_6631.html" target="_parent"><img style="display: block; margin-top: 95px; margin-right: 0px; float: left;" border="0" src="http://generaltools.com/GT-Email-Blasts/electrician-10-2-13/empty-button.png"/></a></td>
    <td style="background-image: url(http://generaltools.com/GT-Email-Blasts/electrician-10-2-13/69.99.png); width: 267px; height: 355px;">
    <p style="font-family: 'calibri'; position: relative; left: 90px; margin-top: 0px;">45 Peice Household Tool Kit</p>
    <img style="float: left; display: block;" src="http://generaltools.com/GT-Email-Blasts/electrician-10-2-13/45-peace-house-hold.png"/>
    <a href="http://www.precisiontoolsandinstruments.com/45-Pc-Household-Tool-Kit_p_6633.html" target="_parent"><img style="display: block; margin-top: 80px; margin-left: 0px; float: left;" border="0" src="http://generaltools.com/GT-Email-Blasts/electrician-10-2-13/empty-button.png"/></a></td>
  </tr>
<!-- END table two row five-->



<!-- BEGIN footer-->
  <tr>
    <td colspan="2" align="center"  bgcolor="#FFFFFF" style="style="width: 534px; height: 20px;"> Precision Tools and Instruments. All Rights Reserved.</td>
  </tr>
<!-- END footer-->
</table>



<map name="Map">
  <area shape="rect" coords="34,96,84,125" href="http://www.precisiontoolsandinstruments.com/" target="_parent">
  <area shape="rect" coords="109,96,174,124" href="http://www.precisiontoolsandinstruments.com/Hand-Tools_c_873.html" target="_parent">
  <area shape="rect" coords="193,98,307,125" href="http://www.precisiontoolsandinstruments.com/Precision-Instruments_c_919.html" target="_parent">
  <area shape="rect" coords="328,97,422,125" href="http://www.precisiontoolsandinstruments.com/CLEARANCE_ep_43.html" target="_parent">
  <area shape="rect" coords="448,94,579,125" href="http://www.precisiontoolsandinstruments.com/New-Products_c_946.html" target="_parent">
  <area shape="rect" coords="593,99,688,124" href="https://precisiontoolsandinstruments.3dcartstores.com/myaccount.asp" target="_parent">
</map>
</body>
</html>

Open in new window

Avatar of Gary
Gary
Flag of Ireland image

I can only see one background image
http://generaltools.com/GT-Email-Blasts/electrician-10-2-13/cl10-product-info-box.jpg

What background images are you talking about

Images can be blocked by email clients.
Avatar of Web-Master29
Web-Master29

ASKER

I am attaching a screen shot of what the email is supposed to look like:

User generated image
also this needs to be looked at through and email provider, are you testing the html through and email provider, if not any fixes might not stick, as the web views the eblast diff then the actual email providers. If you would like me to email you the eblast to see the look, give me a email to send it to. Thank you for the quick response.
Yes but you only have one background image in that email, all the rest are normal images.
By default images will be blocked in most email clients, especially from untrusted sources.
The images are blocked because email harvesters use them to verify an email address exists
Click my name and About Me for the email address.
View it in your email client where you can view source.  

My guess is you have a lot of white space and that is breaking your code when it comes through.

Example   <tr > should be  <tr>

Close out all white space and give it a try.  Even  convert

<!-- BEGIN footer-->
  <tr>
    <td colspan="2" align="center"  bgcolor="#FFFFFF" style="style="width: 534px; height: 20px;"> Precision Tools and Instruments. All Rights Reserved.</td>
  </tr>
<!-- END footer-->
</table>

Open in new window


to

<tr><td colspan="2" align="center"  bgcolor="#FFFFFF" style="style="width: 534px; height: 20px;">Precision Tools and Instruments. All Rights Reserved.</td></tr></table>

Open in new window

I have about 16 background images in all not one, and the case is you can only see one. The products are images and the descriptions (to the side of the products above hot specials)are background images, bellow that all the special savings have background images, except the product and the clear buttons. Is there a way to make sure the background image can be seen, or is it not a good idea to use background images at all?
Send the email to me.
I was going to suggest embedding the images, but after checking compatibility its only supported in a few clients.

p.s. they are not background images, they are normal images. And my statement earlier still stands - they will not be automatically downloaded unless you mark the sender as safe in email clients, but send it to me and I will look

Also Gmail uses HTTPS for mail which means it won't show images from http (blocked by your browser).
You can get around this by using //www.yoursite.com/image.jpg - notice I have dropped the http:
>Also Gmail uses HTTPS for mail which means it won't download images from http.

Gary, I am not sure about that. I send out email blasts all the time and it works in gmail.

I do agree about background images.  But please check your white space and see if that works by tightening up all the html.

Send the email to yourself and view the source and paste back here.  I would be interested to see if you see something like

<tr > 
converted to
<tr
>
Just tested and gmail is blocking all http image connections
You have the option to Show all images
Ok any one else want to have a go at this, white space is really not the issue as I just took all that white space out and got the same result. Background images were able to be seen in the gmail provider but not out look. There has got to be another way to display the background image, or is it that it CANT be done. Thank you for who ever would like to help.
SOLUTION
Avatar of Gary
Gary
Flag of Ireland image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Garyc123, sounds like a good solution.  I was thinking of using gmail via macmail. I should have thought about gmail/webmail.
Can you explain to me why I am seeing the product images and not the description images. And what I mean by background images is the fact I am setting a background image via css to a <td> tag, and those are the images that don't show. I saw you said something about removing the http, do you think that would do the trick ?

I am attaching a screen shot of how the email is rendered in outlook:
copy2.JPG
also please provide the email address so I can send a test email, you will find upon opening the email you can allow the images to be unblocked, but you will only see the product images and not the descriptions with the prices or the specialty savings images at the bottom, there lies in my problem of not being able to see those specific images, also you mentioned embedding the images, how can I do that?
For now, please just copy and paste the source from your own email reader and lets work from there.
<p><br>
</p>
<div align="center">
  <table border="0" cellspacing="0" cellpadding="0" width="700">
    <tr>
      <td colspan="5"><br>        <img border="0" width="700" height="128" src="../../../AppData/Roaming/Adobe/Dreamweaver CC/en_US/OfficeImageTemp/clip_image002_0003.jpg"></td>
    </tr>
    <tr>
      <td colspan="5"><p><img border="0" width="700" height="200" src="../../../AppData/Roaming/Adobe/Dreamweaver CC/en_US/OfficeImageTemp/clip_image003_0003.jpg"></p></td>
    </tr>
    <tr>
      <td rowspan="3"><p><img border="0" width="163" height="546" src="../../../AppData/Roaming/Adobe/Dreamweaver CC/en_US/OfficeImageTemp/clip_image004_0003.jpg"></p></td>
      <td><p><img border="0" width="135" height="179" src="../../../AppData/Roaming/Adobe/Dreamweaver CC/en_US/OfficeImageTemp/clip_image005_0003.jpg"></p></td>
      <td width="132" valign="top"><p></p></td>
      <td><p><img border="0" width="135" height="179" src="../../../AppData/Roaming/Adobe/Dreamweaver CC/en_US/OfficeImageTemp/clip_image006_0003.jpg"></p></td>
      <td width="135" valign="top"><p><em></em></p></td>
    </tr>
    <tr>
      <td><p><img border="0" width="135" height="188" src="../../../AppData/Roaming/Adobe/Dreamweaver CC/en_US/OfficeImageTemp/clip_image007_0003.jpg"></p></td>
      <td width="132" valign="top"><p><em></em></p></td>
      <td><p><img border="0" width="135" height="188" src="../../../AppData/Roaming/Adobe/Dreamweaver CC/en_US/OfficeImageTemp/clip_image008_0003.jpg"></p></td>
      <td width="135" valign="top"><p></p></td>
    </tr>
    <tr>
      <td><p><img border="0" width="135" height="179" src="../../../AppData/Roaming/Adobe/Dreamweaver CC/en_US/OfficeImageTemp/clip_image009_0003.jpg"></p></td>
      <td width="132" valign="top"><p></p></td>
      <td><p><img border="0" width="135" height="179" src="../../../AppData/Roaming/Adobe/Dreamweaver CC/en_US/OfficeImageTemp/clip_image010_0003.jpg"></p></td>
      <td width="135" valign="top"><p></p></td>
    </tr>
    <tr>
      <td colspan="5"><p><img border="0" width="700" height="128" src="../../../AppData/Roaming/Adobe/Dreamweaver CC/en_US/OfficeImageTemp/clip_image011_0003.jpg"></p></td>
    </tr>
  </table>
</div>
<div align="center">
  <table border="0" cellspacing="0" cellpadding="0" width="700">
    <tr>
      <td width="267" valign="top"><p></p></td>
      <td width="267"><p></p></td>
    </tr>
    <tr>
      <td width="267"><p></p></td>
      <td width="267"><p></p></td>
    </tr>
    <tr>
      <td width="267"><p></p></td>
      <td width="267"><p></p></td>
    </tr>
    <tr>
      <td width="267"><p></p></td>
      <td width="267"><p></p></td>
    </tr>
    <tr>
      <td width="267"><p></p></td>
      <td width="267"><p></p></td>
    </tr>
    <tr>
      <td colspan="2"><p align="center">Precision Tools and    Instruments. All Rights Reserved.</p></td>
    </tr>
  </table>
</div>
<p></p>
My email is in my profile - click my Name and click the About Me tab.
I sent you the email
The images are already being embedded but only 10 of them the rest of the email has no other images - hence blank cells.
This may be a problem with the software you are using

Actually looking at the code you posted above - there are no images in those cells, it is just an empty table.
You should have urls that link directly to your server like http://www.mydomain.com instead of

<img border="0" width="135" height="179" src="../../../AppData/Roaming/Adobe/Dreamweaver CC/en_US/OfficeImageTemp/clip_image010_0003.jpg">

Open in new window


should be

<img border="0" width="135" height="179" src="http://www.mydomain.com/AppData/Roaming/Adobe/Dreamweaver CC/en_US/OfficeImageTemp/clip_image010_0003.jpg">

Open in new window

I sent you another test, that code is not the right code, the images are not being called by those paths, the paths they are supposed to have are pasted below:

example image path :

background-image: url(http://generaltools.com/GT-Email-Blasts/electrician-10-2-13/19.99cl.png);

..Let me know what results you get back from this email, thanks for you help
ASKER CERTIFIED SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
i am using dreamweaver to build the email, and I was using thunderbird, to insert the HTML, would you know if there is an option to insert HTML through outlook? Also you are saying to kill the gradient images and just write css for it?
SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial