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

Web-Master29Asked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

GaryCommented:
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.
0
Web-Master29Author Commented:
I am attaching a screen shot of what the email is supposed to look like:

screen shot eblast
0
Web-Master29Author Commented:
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.
0
Big Business Goals? Which KPIs Will Help You

The most successful MSPs rely on metrics – known as key performance indicators (KPIs) – for making informed decisions that help their businesses thrive, rather than just survive. This eBook provides an overview of the most important KPIs used by top MSPs.

GaryCommented:
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.
0
Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
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

0
Web-Master29Author Commented:
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?
0
GaryCommented:
Send the email to me.
0
GaryCommented:
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:
0
Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
>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
>
0
GaryCommented:
Just tested and gmail is blocking all http image connections
You have the option to Show all images
0
Web-Master29Author Commented:
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.
0
GaryCommented:
I have already answered this, all external images are blocked by default.
You can disable it permanently from the Tools menu, options, security tab and unchecking Block images and other external content in HTML or you can do it on an email by email basis
But that doesn't mean people receiving your email are going to do it - thats why sites include a Click here if you cannot see this email to be taken to a web page to view it.
0
Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
Garyc123, sounds like a good solution.  I was thinking of using gmail via macmail. I should have thought about gmail/webmail.
0
Web-Master29Author Commented:
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
0
Web-Master29Author Commented:
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?
0
Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
For now, please just copy and paste the source from your own email reader and lets work from there.
0
Web-Master29Author Commented:
<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>
0
GaryCommented:
My email is in my profile - click my Name and click the About Me tab.
0
Web-Master29Author Commented:
I sent you the email
0
GaryCommented:
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.
0
Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
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

0
Web-Master29Author Commented:
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
0
GaryCommented:
The second email is working fine, bar the shadowy backgrounds
Which you will need to encode to base64 yourself. Obviously whatever you are using to embed the images is not designed to work on css.

http://webcodertools.com/imagetobase64converter
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Web-Master29Author Commented:
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?
0
GaryCommented:
(Thunderbird - haven't heard that in a long while.)
Thunderbird will not encode your background css like it will for the images.
You can use the tools like the one I pointed to above and this will replace your real image source.  The format is the same i.e. background but for the source you put the base64 representation of the image.

For 10 images it is only going to take you 10/15 minutes to change the HTML

One thing you need to be careful of is that your email is already at 335kb and with the additional images it is going to grow a lot more.
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
CSS

From novice to tech pro — start learning today.