Newsletter

Get Started
1

Hello,

I need help with a html email newsletter that I designed. I am using campaign monitor to deploy the newsletter when I preview it everything seems great and when I test the email I get some pretty mixed results. I sent the test to my three different email addresses, the rubber is that when I check the newsletter on my iphone I have no inline css problems. When I check using the computer some of the headers don’t have their color and some do. I have checked the newsletter in IE, Chrome, and Firefox. The email accounts I used were gmail, Hotmail, and yahoo. They all behave the same, except when I check the email on my iphone everything works perfectly. I just read somewhere that the inline should be in the body not the head? Is that true? I used !important after every color. Does anyone have any suggestions???

2

Designing an email newsletter is nothing like designing webpages for browsers.

Email clients are very limited in what they can do, and as you’ve discovered, results vary wildly.

Without seeing your code, I can only point you to some general recommendations:

http://help.hubspot.com/articles/Best_Practice/email-templates-design-code

http://net.tutsplus.com/tutorials/html-css-techniques/getting-started-with-html-emails/

Yes, for the most part, it’s best to use inline styles, rather than linked CSS files to ensure that your styling is applied. Some email clients and webmail services automatically discard linked stylesheets.

3

Force Flow,
Thank you for the reply that helps some what. I am at work right now but when I get home I would like to send you my code. What would be the best way to accomplish this?

4

You can post it in this thread inside [ code ] [ /code ] tags so folks can review it.

5

Some email clients strip out all styles except inline styles, so to be safe, you need them inline. CampaignMonitor has some good CSS support info, such as what is and isn’t supported in email clients: http://www.campaignmonitor.com/css/

6

Here is my code. Is there some magic way to correct his problem? I don’t get it… The newsletter works as it when view it on my iphone.

<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
    <p><head>
        <title>Green Light National Newsletter</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Green Light National Newsletter</title>
    </head></p>

<p><body></p>
      <style type="text/css">
            body, #header h1, #header h2, #header h3, #header h4, #header h5, #header h6, #header h7, #header h8, #header h9, #header h10, #header #11
            p {margin: 0; padding: 0;}
            #top-message p, #bottom-message p {color: #3f4042 !important; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
            #header h1 {color: #ffffff !important; font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif; font-size: 24px; }
            #header h2 {color: #ffffff !important; font-family: Arial, Helvetica, sans-serif; font-size: 24px; }
            #header p {color: #ffffff !important; font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif; font-size: 12px;  }
            h3 {font-size: 28px; color: #444444 !important; font-family: Arial, Helvetica, sans-serif; }
            h4 {font-size: 22px; color: #61BD11 !important; font-family: Arial, Helvetica, sans-serif; }
            h5 {font-size: 18px; color: #61BD11 !important; font-family: Arial, Helvetica, sans-serif; }
            h6 {font-size: 18px; color: #61BD11 !important; font-family: Arial, Helvetica, sans-serif; }
            h7 {font-size: 18px; color: #61BD11 !important; font-family: Arial, Helvetica, sans-serif; }
            h8 {font-size: 18px; color: #61BD11 !important; font-family: Arial, Helvetica, sans-serif; }
            h9 {font-size: 18px; color: #61BD11 !important; font-family: Arial, Helvetica, sans-serif; }
            h10 {font-size: 18px; color: #61BD11 !important; font-family: Arial, Helvetica, sans-serif; }
            h11 {font-size: 18px; color: #61BD11 !important; font-family: Arial, Helvetica, sans-serif; }
            h12 {font-size: 30px; color: #61BD11 !important; font-family: Arial, Helvetica, sans-serif; }
            h13 {color: #ffffff !important; font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif; font-size: 14px;}
            h14 {font-size: 14px; color: #121211 !important; font-family: Arial, Helvetica, sans-serif; }
            h15 {font-size: 14px; color: #121211 !important; font-family: Arial, Helvetica, sans-serif; }
            h16 {font-size: 14px; color: #121211 !important; font-family: Arial, Helvetica, sans-serif; }
            h17 {font-size: 14px; color: #121211 !important; font-family: Arial, Helvetica, sans-serif; }
            h18 {font-size: 17px; color: #61BD11 !important; font-family: Arial, Helvetica, sans-serif; }
            h19 {font-size: 14px; color: #121211 !important; font-family: Arial, Helvetica, sans-serif; }
            h20 {font-size: 14px; color: #121211 !important; font-family: Arial, Helvetica, sans-serif; }
            h21 {font-size: 17px; color: #61BD11 !important; font-family: Arial, Helvetica, sans-serif; }
            h22 {font-size: 14px; color: #121211 !important; font-family: Arial, Helvetica, sans-serif; }
            h24 {font-size: 14px; color: #121211 !important; font-family: Arial, Helvetica, sans-serif; }
            h23 {font-size: 13px !important;}
            h25 {font-size: 14px; color: #121211 !important; font-family: Arial, Helvetica, sans-serif; }
            h26 {font-size: 14px; color: #121211 !important; font-family: Arial, Helvetica, sans-serif; }
            h27 {font-size: 17px; color: #61BD11 !important; font-family: Arial, Helvetica, sans-serif; }
            h28 {font-size: 13px; color: #121211 !important; font-family: Arial, Helvetica, sans-serif; }
            h29 {font-size: 12px !important;}
            h30 {font-size: 14px; color: #121211 !important; font-family: Arial, Helvetica, sans-serif; }
            h31 {font-size: 14px; color: #121211 !important; font-family: Arial, Helvetica, sans-serif; }
            h32 {font-size: 14px; color: #121211 !important; font-family: Arial, Helvetica, sans-serif; }
            h33 {font-size: 17px; color: #61BD11 !important; font-family: Arial, Helvetica, sans-serif; }
            h34 {font-size: 14px; color: #121211 !important; font-family: Arial, Helvetica, sans-serif; }
            h35 {font-size: 10px !important;}
            h36 {font-size: 14px; color: #121211 !important; font-family: Arial, Helvetica, sans-serif; }
            h37 {font-size: 14px; color: #121211 !important; font-family: Arial, Helvetica, sans-serif; }
            h38 {font-size: 14px; color: #121211 !important; font-family: Arial, Helvetica, sans-serif; }
            h39 {font-size: 18px; color: #61BD11 !important; font-family: Arial, Helvetica, sans-serif; }
            h40 {font-size: 18px; color: #61BD11 !important; font-family: Arial, Helvetica, sans-serif; }
            h41 {font-size: 18px; color: #61BD11 !important; font-family: Arial, Helvetica, sans-serif; }
            h42 {font-size: 18px; color: #61BD11 !important; font-family: Arial, Helvetica, sans-serif; }
            h43 {font-size: 18px; color: #61BD11 !important; font-family: Arial, Helvetica, sans-serif; }
            h44 {font-size: 18px; color: #61BD11 !important; font-family: Arial, Helvetica, sans-serif; }
            h45 {font-size: 18px; color: #61BD11 !important; font-family: Arial, Helvetica, sans-serif; }
            h46 {font-size: 18px; color: #61BD11 !important; font-family: Arial, Helvetica, sans-serif; }
            h47 {font-size: 18px; color: #61BD11 !important; font-family: Arial, Helvetica, sans-serif; }
            h48 {font-size: 18px; color: #61BD11 !important; font-family: Arial, Helvetica, sans-serif; }
            h49 {color: #ffffff !important; font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif; font-size: 14px;}
            h50 {font-size: 17px; color: #61BD11 !important; font-family: Arial, Helvetica, sans-serif; }
            h51 {font-size: 14px; color: #121211 !important; font-family: Arial, Helvetica, sans-serif; }
            h52 {font-size: 17px; color: #61BD11 !important; font-family: Arial, Helvetica, sans-serif; }
            h53 {font-size: 14px; color: #121211 !important; font-family: Arial, Helvetica, sans-serif; }
            h54 {font-size: 25px; color: #61BD11 !important; font-family: Arial, Helvetica, sans-serif; }
            h55 {font-size: 18px; color: #61BD11 !important; }
            h2, h3, h4, h5, h6, h7, h8, h9, h10, h11 {margin: 0 0 0.8em 0;}
            #main {border: 1px solid #CFCECE !important;}
            #main2 {border: 1px solid #CFCECE !important;}
            img {display: block;}
            a {color: #4A72AF !important;}
        </style>
<p><table width="100%" cellpadding="0" cellspacing="0" bgcolor="E4E4E4"><tr><td></p>
            <p><table id="top-message" cellpadding="20" cellspacing="0" width="600" align="center">

                <!--------Enter Facebook Link here------->
                <tr>
                    <td align="center">
                        <p>Trouble viewing this message? <a href="#">View in Browser</a></p>
                    </td>
                </tr>
            </table><!----Top Message----->


            <table id="main" cellpadding="0" cellspacing="15" bgcolor="ffffff" width="600" align="center">
                <tr>    <!------Table of Contents, Intro, Case Study, Green Light Info, Company Logo----->
                    <td>
                        <table id="header" cellpadding="10" cellspacing="0" align="center">
                            <tr>
                                <td width="600" bgcolor="1E8A0E"><h1>Green Light National Newsletter</h1>
                                </td>
                            </tr>
                            <tr>
                                <td width="600" bgcolor="61BD11"><h2>News and Events</h2></td>
                            </tr>

                            <tr>
                                <td width="300" align="right" bgcolor="1E8A0E" valign="bottom"><fblike><a href="http://www.facebook.com/pages/Green-Light-National/184015051656711">
                                    <img src="thumbsup2.jpg"></a></fblike></td>
                            </tr>
                            <tr>
                                <td width="300" align="right" bgcolor="61BD11"><p>August 2013</p></td>
                            </tr>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td></td>
                </tr>
                <tr>
                    <td>
                        <table id="content-6" cellpadding="0" cellspacing="0" align="center">
                            <tr>
                                <td width="278" valign="top">
                                    <table cellpadding="5" cellspacing="0" bgcolor="D0D0D0"><tr><td>
                                                <img src="gln_logo.jpg">
                                            </td></tr></table>
                                </td>
                                <td width="15"></td>
                                <td width="278" valign="top">
                            <h11>A Word From The CEO </h11>
                            <p>By: Michael McAlinden
                                <br>Insert Later!
                            </p>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
    <tr>
        <td height="30" align="center"><img src="http://dummyimage.com/600x20/1E8A0E/1E8A0E"/></td>
    </tr>
    <tr>
        <td>
            <table id="content-7" cellpadding="0" cellspacing="0" align="center">
                <tr>
                    <td width="300" valign="top">
                        <table cellpadding="5" cellspacing="0" bgcolor="D0D0D0"><tr>
                                <td width="190" align="center" bgcolor="61BD11">
                            <h13>Green Light</h13>
                    </td></tr></table>
            <!---- Remember to add style to these headers  ----->
            <table cellspacing="5" cellspacing="0" bgcolor="ECEEF1"><tr>
                    <td width="188" align="left" bgcolor="ECEEF1">
                <h14><a href="http://greenlightnational.com">Who Is Green Light?</a></h14>
        </td></tr></table>
<table cellspacing="5" cellspacing="0" bgcolor="ECEEF1"><tr>
        <td width="188" align="left" bgcolor="ECEEF1">
    <h15><a href="http://greenlightnational.com/focus/">What Does Green Light Do?</a></h15>
</td></tr></table>
<table cellspacing="5" cellspacing="0" bgcolor="ECEEF1"><tr>
        <td width="188" align="left" bgcolor="ECEEF1">
    <h16><a href="http://greenlightnational.com/case-studies/">What Has Green Light Done?</a></h16>
</td></tr></table>
<table cellspacing="5" cellspacing="0" bgcolor="ECEEF1"><tr>
        <td width="188" align="left" bgcolor="ECEEF1">
    <h17><a href="http://greenlightnational.com/company/">Where Is Green Light?</a></h17>
</td></tr></table>
<table cellspacing="5" cellspacing="0" bgcolor="ECEEF1"><tr>
        <td width="188" align="left" bgcolor="ECEEF1">
    <h18>Green Light National</h18>
    <h19><br>P.O. Box 3711</h19>
    <h20><br>St. Charles, IL. 60174</h20>
</td></tr></table>
<table cellspacing="5" cellspacing="0" bgcolor="ECEEF1"><tr>
        <td width="188" align="left" bgcolor="ECEEF1">
    <h21>Green Light Mid-Light</h21>
    <h22><br>(301)523-8277</h22>
    <h23><br><address><strong><a target="blank" shape="rect" href="mailto:info@greenlightenergy.org">info@greenlightenergy.org</a></strong></address></h23>
    <h24>67 Wall St. Ste. 20-G</h24>
    <h25><br>New York, NY. 10005</h25>
    <h26><br>Contact: Adam Glod</h26>
</td></tr></table>
<table cellspacing="5" cellspacing="0" bgcolor="ECEEF1"><tr>
        <td width="188" align="left" bgcolor="ECEEF1">
    <h27>Green Light Midwest</h27>
    <h28><br>(312)869-4161</h28>
    <h29><br><address><strong><a target="blank" shape="rect" href="mailto:info@greenlightmidwest.com">info@greenlightmidwest.com</a></strong></address></h29>
    <h30>1727 S. Indiana, Ste. 117</h30>
    <h31><br>Chicago, IL. 60616</h31>
    <h32><br>Contact: Michael McAlinden</h32>
</td></tr></table>
<table cellspacing="5" cellspacing="0" bgcolor="ECEEF1"><tr>
        <td width="188" align="left" bgcolor="ECEEF1">
    <h33>Green Light Southwest</h33>
    <h34><br>(310)800-2423</h34>
    <h35><br><address><strong><a target="blank" shape="rect" href="mailto:info@greenlightsouthwest.com">info@greenlightsouthwest.com</a></strong></address></h35>
    <h36>417 Ave G, Ste. B</h36>
    <h37><br>Redondo Beach, CA. 90277</h37>
    <h38><br>Contact: Chris Kent</h38>
</td></tr></table>
<table cellpadding="5" cellspacing="0" bgcolor="D0D0D0"><tr>
        <td width="190" align="center" bgcolor="61BD11">
    <h49>Green Light Energy Facts!</h49>
</td></tr></table>
<table cellspacing="5" cellspacing="0" bgcolor="ECEEF1"><tr>
        <td width="188" align="left" bgcolor="ECEEF1">
    <h50>90% Reduction in Light Costs<a href="http://greenlightnational.com/savings-calculator/"</a></h50>
    <h51><br>It costs you about $1.20 to power one single metal halide light for a day.
        Most buildings use dozens, if not hundreds, all year long. Green Light can
        help you implement a lighting system that uses lamps that are up to 90% more
        efficient, reducing your cost just 12¢. </h51>
</td></tr></table>
<table cellspacing="5" cellspacing="0" bgcolor="ECEEF1"><tr>
        <td width="188" align="left" bgcolor="ECEEF1">
    <h52>Increased Quality & Reduced Cost<a href="http://greenlightnational.com/savings-calculator/"</a></h52>
    <h53><br>The standard office has hundreds of T12 lights, and each costs about $0.46 to operate
        each and every day. Green Light can install retrofit kits and controls that will help reduce
        your cost to just 13% of what you're paying now, improving the quality of light at the same time. </h53>
</td></tr></table>
<!------ Enter Case Study Pictures ------->
<td width="15"></td>
<td width="278"  valign="top">
<h12>Case Study</h12>
<img src="1000 greenleaf After25.jpg">
<p>This is our most recent project in Elk Grove Village, IL. 1000 Greenleaf upgraded their obsolete lighting system to high intensity fluorescents.</p>
<img src="1000 greenleaf After26.jpg">
<p>By upgrading their obsolete lighting this customer reduced their collective energy spending by $24,809 per year.</p>
<img src="1000 greenleaf After27.jpg">
<p>Green Light has also secured a rebate from the local utility in the amount of $9,732 .</p>
<img src="1000 greenleaf After28.jpg">
<p>This project eliminates 133,333 pounds of CO2 from the Earths atmosphere, which is the equivalent of planting 15 acres of trees each year, or removing 13 cars from the road each year, or saving 7,657 gallons of oil from being burned.</p>
</td>
</tr>
</table>
</td>
</tr>
<tr>
    <td height="30" align="center"><img src="http://dummyimage.com/600x20/1E8A0E/1E8A0E"/></td>
</tr>
<tr>
    <td>
        <table id="content-1" cellpadding="0" cellspacing="0" align="center">
            <tr>
                <td width="170" valign="top">
                    <table cellpadding="5" cellspacing="0">
                        <tr>
                            <td bgcolor="D0D0D0"><img src="VodafoneSleepingBag1.jpg"></td>
                        </tr>
                    </table>
                </td>
                <td width="15"></td>
                <td width="375" valign="top" colspan="3">
                    <h3>Vodafone Sleeping Bag Turns Body Heat Into Clean Energy</h3>
                    <h4>Charging Sleeping Bag More Convenient Solution!</h4>
                </td>
            </tr>
        </table><!-----Content 1------>
    </td>
</tr><!-----Content 1------>
<p><tr>
    <td>
        <table id="content-2" cellpadding="0" cellspacing="0" align="center">
            <tr>
                <td width="570">
                    <p>By: Beth Buczynski<br>
                        This weekend, my little brother is attending the Bonnaroo Music and Arts Festival for the very first time. In doing so, he continues a proud tradition of festival-going in our family–I attended the inaugural year of Bonnaroo when he was only 9 years-old!
                        In a crowd of several hundred thousand people, all getting crazy under the fierce Tennessee sun, staying in contact with friends (and worried big sisters) is extremely important. Vodafone, which last summer debuted a recharging truck to enable festival-goers to charge their gadgets,
                        has now come up with an even more convenient solution–a gadget charging sleeping bag. <a href="http://pulse.me/s/sTN4XVuP6 ">Read More...</a>
                    </p>
                </td>
            </tr>
        </table>
    </td>
</tr></p>
<tr>
    <td height="30" align="center"><img src="http://dummyimage.com/600x20/1E8A0E/1E8A0E"/></td>
</tr>
<tr>
    <td>
        <table id="content-3" cellpadding="0" cellspacing="0" align="center">
            <tr>
                <td width="180" valign="top">
                    <table cellpadding="5" cellspacing="0">
                        <tr>
                            <td bgcolor="D0D0D0"><img src="Vikings-Stadium-2.jpg"></td>
                        </tr>
                    </table>
                </td>
                <td width="15"></td>
                <td width="180" valign="top">
                    <table cellpadding="5" cellspacing="0">
                        <tr>
                            <td bgcolor="D0D0D0"><img src="Audi Car2.jpg"></td>
                        </tr>
                    </table>
                </td>
                <td width="15"></td>
                <td width="180" valign="top">
                    <table cellpadding="5" cellspacing="0">
                        <tr>
                            <td bgcolor="D0D0D0"><img src="SeriousAerobatics.jpg"></td>
                        </tr>
                    </table>
                </td>
            </tr>

        </table>
    </td>
</tr>

<tr>
    <td>
        <table id="content-4" cellpadding="0" cellspacing="0" align="center">
            <tr>
                <td width="180" valign="top">
                    <h5>New Vikings Stadium Sheds Light On Sustainability</h5>
                    <p>By: Randy Woods<br>
                        For the last few decades, sports fans in the Twin Cities have fought a brave and losing battle against the elements to watch their teams play. A new stadium, planned for completion in 2016 for the NFL’s Minnesota Vikings,
                        is trying a new tactic in its quest to keep its fans comfortable in the harsh winters: Let the sunshine in.

                        <a href="http://pulse.me/s/mPBH3">Read More...</a>
                    </p>
                </td>
                <td width="15"</td>
                <td width="180" valign="top">
                    <h5>Audi R&D Chief Wolfgang Dürheimer Talks Electrics and Hydrogen</h5>
                    <p>By: Jens Meiners and Matthias Knoedler<br>
                        At a recent event in Germany, Audi’s head of R&D Wolfgang Dürheimer said that a car needs to perform in everyday circumstances.
                        While that appears on the surface to be relatively obvious, it was his follow-up remark that set up his agenda with regards to alternative energies. “I don’t see that with electrics.” <a href="http://pulse.me/s/qB2ylSD4c ">Read More...</a>
                    </p>
                </td>
                <td width="15"</td>
                <td width="180" valign="top">
                    <h5>Being Electric Doesn’t Keep This Plane From Serious Aerobatics</h5>
                    <p>By: Jason Paur<br>
                        LE BOURGET, France — The Airbus A380 is among the biggest stars here at the Paris Air Show, but no less
                        impressive is the sleek electric aerobatic trainer that is its distant cousin.
                        The E-Fan is the brainchild of Didier Esteyne, an engineer and pilot with a knack for electric aircraft.
                        <a href="http://pulse.me/s/mNYsQ ">Read More...</a>
                    </p>
                </td>
            </tr>
        </table>

    </td>
</tr>
<tr>
    <td height="30" align="center"><img src="http://dummyimage.com/600x20/1E8A0E/1E8A0E"/></td>
</tr>
<tr>
    <td>
        <table id="content-5" cellpadding="0" cellspacing="0" align="center">
            <tr>
                <td width="267" valign="top">
                    <table cellpadding="5" cellspacing="0" bgcolor="D0D0D0"><tr><td>
                                <img src="chevrolet-volt-gm2.jpg">
                            </td></tr></table>
                </td>
                <td width="15"></td>
                <td width="278" valign="top">
                    <h6>Chevy Volt gets new $4000-5000 cash-back incentives, 3-year lease now $269/month</h6>
                    <p>By: Michael Graham Richard<br>
                        When you add together economies of scale, incremental improvements (ie. batteries get a bit better every year) and,
                        more rarely, technical breakthroughs, it's a given that plug-in vehicles would get cheaper over time. <a href="http://www.treehugger.com/cars/chevy-volt-gets-new-4000-5000-cash-back-incentives-3-year-lease-now-269month.html">Read More...</a>
                    </p>
                </td>
            </tr>
        </table>
    </td>
</tr>
<tr>
    <td height="30" align="center"><img src="http://dummyimage.com/600x20/1E8A0E/1E8A0E"/></td>
</tr>
<tr>
    <td>
        <table id="content-6" cellpadding="0" cellspacing="0" align="center">
            <tr>
                <td width="267" valign="top">
                    <table cellpadding="5" cellspacing="0" bgcolor="D0D0D0"><tr><td>
                                <img src="siemens-solel2.jpg">
                            </td></tr></table>
                </td>
                <td width="15"></td>
                <td width="278" valign="top">
            <h7>Concentrating Solar Power And Its Promising Future</h7>
            <p>By: Center for American Progress<br>
                Concentrating solar power—also known as concentrated solar power, concentrated solar thermal, and CSP—is a cost-effective way to produce electricity while reducing our dependence on foreign oil, improving domestic energy-price stability, reducing carbon emissions, cleaning our air, promoting economic growth, and creating jobs.
                One physicist has even touted it as the “technology that will save humanity.” <a href="http://pulse.me/s/mMQ3PzTPi ">Read More...</a>
            </p>
    </td>
</tr>
</table>
</td>
</tr>
<tr>
    <td height="30" align="center"><img src="http://dummyimage.com/600x20/1E8A0E/1E8A0E"/></td>
</tr>
<tr>
    <td>
        <table id="content-7" cellpadding="0" cellspacing="0" align="center">
            <tr>
                <td width="267" valign="top">
                    <table cellpadding="5" cellspacing="0" bgcolor="D0D0D0"><tr><td>
                                <img src="Direct Current Plug2.jpg">
                            </td></tr></table>
                </td>
                <td width="15"></td>
                <td width="278" valign="top">
            <h8>Direct current stations could charge Chevy Spark EV to 80% in 20 minutes</h8>
            <p>By: Michael Graham Richard<br>
                The SAE J1772 connector is the North-American standard for electric vehicles. Having this standards allows vehicles from multiple manufacturers to be able to charge at any station. But while the 'vanilla' version of the connector has 5 pins and is designed for AC current,
                there's also a new combo variant that adds 2 pins and can handle DC. <a href="http://www.treehugger.com/cars/direct-current-station-could-charge-chevy-spark-ev-80-20-minutes.html">Read More...</a>
            </p>
    </td>
</tr>
</table>
</td>
</tr>
<tr>
    <td height="30" align="center"><img src="http://dummyimage.com/600x20/1E8A0E/1E8A0E"/></td>
</tr>
<tr>
    <td>
        <table id="content-8" cellpadding="0" cellspacing="0" align="center">
            <tr>
                <td width="267" valign="top">
                    <table cellpadding="5" cellspacing="0" bgcolor="D0D0D0"><tr><td>
                                <img src="Leafcutter Ant3.jpg">
                            </td></tr></table>
                </td>
                <td width="15"></td>
                <td width="278" valign="top">
            <h9>A Possible Biofuel Breakthrough, Via The Leafcutter Ant</h9>
            <p>By: Jeff Spross<br>
                For all of modern humanity’s technological prowess, the best chemistry lab on the planet is arguably still owned by mother nature. On Tuesday, Tim McDonnell at Mother Jones spotted work by researchers at the University of Wisconsin-Madison, among others, that may lead to a powerful new enzyme for producing cellulosic biofuels. And they did this by studying, of all things, leafcutter ants.
                <a href="http://thinkprogress.org/climate/2013/06/19/2177631/biofuel-leafcutter-ant/?mobile=nc">Read More...</a>
            </p>
    </td>
</tr>
</table>
</td>
</tr>
<tr>
    <td height="30" align="center"><img src="http://dummyimage.com/600x20/1E8A0E/1E8A0E"/></td>
</tr>
<tr>
    <td>
        <table id="content-9" cellpadding="0" cellspacing="0" align="center">
            <tr>
                <td width="267" valign="top">
                    <table cellpadding="5" cellspacing="0" bgcolor="D0D0D0"><tr><td>
                                <img src="battery-less-ev-roads-video-670-jpg2.jpg">
                            </td></tr></table>
                </td>
                <td width="15"></td>
                <td width="278" valign="top">
            <h10>Futuristic Electric Cars Ditch Battery Charging</h10>
            <p>By: Alyssa Danigelis<br>
                Recent innovations in wireless charging for electric vehicles could mean losing the need for batteries altogether.
                No, really. While modern Teslas are working on new wireless recharging, particularly for electric vehicles in urban areas,
                one Swedish project is testing a system designed to power EVs along the highway.
                <a href="http://pulse.me/s/mO2FJ">Read More...</a>
            </p>
    </td>
</tr>
</table>
</td>
</tr>
<tr>
    <td height="30" align="center"><img src="http://dummyimage.com/600x20/1E8A0E/1E8A0E"/></td>
</tr>
<tr>
    <td>
        <table id="content-10" cellpadding="0" cellspacing="0" align="center">
            <tr>
                <td width="267" valign="top">
                    <table cellpadding="5" cellspacing="0" bgcolor="D0D0D0"><tr><td>
                                <img src="wind-power-cropped.jpg">
                            </td></tr></table>
                </td>
                <td width="15"></td>
                <td width="278" valign="top">
            <h39>Intermittency Of Renewables?…Not So Much</h39>
            <p>By: Zachary Shahan via CleanTechnica<br>
                Below was a great summary comment (if a bit simplified in parts) from one of our readers on one of our posts last week. I thought it deserved a few more eyes.
                Also, I happened to go back to a roundtable discussion of utility CEOs today that supports the overall “the ‘intermittency’ of renewable energy issue is overhyped” argument.
                More on that below the reader comment.
                <a href="http://thinkprogress.org/climate/2013/07/22/2336911/intermittency-of-renewables-not-so-much/?mobile=nc">Read More...</a>
            </p>
    </td>
</tr>
</table>
</td>
</tr>
<tr>
    <td height="30" align="center"><img src="http://dummyimage.com/600x20/1E8A0E/1E8A0E"/></td>
</tr>
<tr>
    <td>
        <table id="content-11" cellpadding="0" cellspacing="0" align="center">
            <tr>
                <td width="267" valign="top">
                    <table cellpadding="5" cellspacing="0" bgcolor="D0D0D0"><tr><td>
                                <img src="Japan2.jpg">
                            </td></tr></table>
                </td>
                <td width="15"></td>
                <td width="278" valign="top">
            <h40>Japan set to top solar power market</h40>
            <p>By: Kyodo<br>
                BONN – Japan is expected to become the world’s largest solar energy market this year, with the installation of new solar power
                systems more than doubling capacity, a recent report by a U.S. research firm says.
                The domestic solar power market is forecast to reach $19.8 billion (¥1.91 trillion) in 2013,
                surpassing Germany, which was the biggest market from 2009 to 2012, according to the report by IHS Inc.
                <a href="http://www.japantimes.co.jp/news/2013/06/13/business/japan-set-to-top-solar-power-market/#.UgBRLKyYfSg">Read More...</a>
            </p>
    </td>
</tr>
</table>
</td>
</tr>
<tr>
    <td height="30" align="center"><img src="http://dummyimage.com/600x20/1E8A0E/1E8A0E"/></td>
</tr>
<tr>
    <td>
        <table id="content-12" cellpadding="0" cellspacing="0" align="center">
            <tr>
                <td width="267" valign="top">
                    <table cellpadding="5" cellspacing="0" bgcolor="D0D0D0"><tr><td>
                                <img src="storyimages_armyoildrop2.jpg">
                            </td></tr></table>
                </td>
                <td width="15"></td>
                <td width="278" valign="top">
            <h41>Why The US Military Is Leading The Charge For Green Energy</h41>
            <p>By: Natalie Pompilio<br>
                Our generals see our dependence on oil as a huge vulnerability, and climate change as a "threat multiplier." Can their leadership make a difference?
                Retired Brig. Gen. Steven Anderson calls himself  “an accidental environmentalist.”
                His epiphany about climate change started with a tactical problem.
                <a href="http://www.alternet.org/story/155727/why_the_us_military_is_leading_the_charge_for_green_energy ">Read More...</a>
            </p>
    </td>
</tr>
</table>
</td>
</tr>
<tr>
    <td height="30" align="center"><img src="http://dummyimage.com/600x20/1E8A0E/1E8A0E"/></td>
</tr>
<tr>
    <td>
        <table id="content-13" cellpadding="0" cellspacing="0" align="center">
            <tr>
                <td width="267" valign="top">
                    <table cellpadding="5" cellspacing="0" bgcolor="D0D0D0"><tr><td>
                                <img src="mccamley-design-on-display2.jpg">
                            </td></tr></table>
                </td>
                <td width="15"></td>
                <td width="278" valign="top">
            <h42>New Spin On Wind Turbine Adds Solar Element</h42>
            <p>By: Pete Danko<br>
                Go big or go home, right? That seems to be the thinking at the University of Bath,
                which has headlined a report on a new renewable energy device design with the not-so-timid claim:
                “New hybrid technology set to change the future of renewables.”
                <a href="http://www.earthtechling.com/2013/06/new-spin-on-wind-turbine-adds-solar-element/">Read More...</a>
            </p>
    </td>
</tr>
</table>
</td>
</tr>
<tr>
    <td height="30" align="center"><img src="http://dummyimage.com/600x20/1E8A0E/1E8A0E"/></td>
</tr>
<tr>
    <td>
        <table id="content-14" cellpadding="0" cellspacing="0" align="center">
            <tr>
                <td width="267" valign="top">
                    <table cellpadding="5" cellspacing="0" bgcolor="D0D0D0"><tr><td>
                                <img src="marinessolar2.jpg">
                            </td></tr></table>
                </td>
                <td width="15"></td>
                <td width="278" valign="top">
            <h43>Pentagon says going green will reduce battlefield risks&#8232;&#8232;</h43>
            <p>By: Trent Nouveau<br>
                The US Department of Defense is currently engaged in a "hard push" to significantly reduce
                dependence on fossil fuels in an effort to shrink risks on the battlefield.
                "Historically, energy has been a decisive factor in warfighting," explained DoD official Oliver Fritz.&#8232;&#8232;
                <a href="http://www.tgdaily.com/sustainability-features/60928-pentagon-says-going-green-will-reduce-battlefield-risks?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+tgdaily_all_sections+%28TG+Daily+-+All+News%29&utm_content=Google+Reader ">Read More...</a>
            </p>
    </td>
</tr>
</table>
</td>
</tr>
<tr>
    <td height="30" align="center"><img src="http://dummyimage.com/600x20/1E8A0E/1E8A0E"/></td>
</tr>
<tr>
    <td>
        <table id="content-15" cellpadding="0" cellspacing="0" align="center">
            <tr>
                <td width="267" valign="top">
                    <table cellpadding="5" cellspacing="0" bgcolor="D0D0D0"><tr><td>
                                <img src="solepower2.jpg">
                            </td></tr></table>
                </td>
                <td width="15"></td>
                <td width="278" valign="top">
            <h44>&#8232;&#8232;Power-generating insole lets you charge your gadgets with your steps</h44>
            <p>By: Megan Treacy<br>
                Piezoelectric power is something we cover quite often. Designers and inventors are always coming up with new ways to harvest
                the energy of our steps, whether from embedded devices in our shoes or in the floors and sidewalks we walk upon. It just seems like the kinetic
                energy from our everyday movements is low-hanging fruit for power generation.
                <a href="http://www.treehugger.com/gadgets/power-generating-insole-lets-you-charge-your-gadgets-your-steps.html">Read More...</a>
            </p>
    </td>
</tr>
</table>
</td>
</tr>
<tr>
    <td height="30" align="center"><img src="http://dummyimage.com/600x20/1E8A0E/1E8A0E"/></td>
</tr>
<tr>
    <td>
        <table id="content-16" cellpadding="0" cellspacing="0" align="center">
            <tr>
                <td width="267" valign="top">
                    <table cellpadding="5" cellspacing="0" bgcolor="D0D0D0"><tr><td>
                                <img src="rooftop-garden2.jpg">
                            </td></tr></table>
            <h45>&#8232;&#8232;Rooftop Farming in Milwaukee</h45>
            <p>By: Becky Striepe<br>
                A farmer in Milwaukee is taking the green roof to the next level. Community Growers’ founder
                Erik Lindberg’s rooftop garden is yeilding enough organic produce to launch a CSA.
                <a href="http://ecolocalizer.com/2009/04/21/rooftop-farming-in-milwaukee/">Read More...</a>
                </td>
                <td width="15"></td>
                <td width="278" valign="top">
            </p>
    </td>
</tr>
</table>
</td>
</tr>
<tr>
    <td height="30" align="center"><img src="http://dummyimage.com/600x20/1E8A0E/1E8A0E"/></td>
</tr>
<tr>
    <td>
        <table id="content-17" cellpadding="0" cellspacing="0" align="center">
            <tr>
                <td width="267" valign="top">
                    <table cellpadding="5" cellspacing="0" bgcolor="D0D0D0"><tr><td>
                                <img src="3D-Robotics-A-edited2.jpg">
                            </td></tr></table>
                </td>
                <td width="15"></td>
                <td width="278" valign="top">
            <h46>&#8232;&#8232;The Green Side of Drones: Science and Environmental Apps Abound</h46>
            <p>By: Aarti Shahani<br>
                It appears that “drones” are here to stay. And Silicon Valley drone makers are going beyond military and
                spy applications, creating new environmental uses for unmanned aerial vehicles.
                On Friday afternoons, you’ll usually find Chris Anderson out by the Berkeley Marina, tinkering with his squadron of drones.
                <a href="http://pulse.me/s/my1Ys ">Read More...</a>
            </p>
    </td>
</tr>
</table>
</td>
</tr>
<tr>
    <td height="30" align="center"><img src="http://dummyimage.com/600x20/1E8A0E/1E8A0E"/></td>
</tr>
<tr>
    <td>
        <table id="content-18" cellpadding="0" cellspacing="0" align="center">
            <tr>
                <td width="267" valign="top">
                    <table cellpadding="5" cellspacing="0" bgcolor="D0D0D0"><tr><td>
                                <img src="723 megawatts2.jpg">
                            </td></tr></table>
                </td>
                <td width="15"></td>
                <td width="278" valign="top">
            <h47>&#8232;&#8232;The US added 723 megawatts of solar power during the first 3 months of 2013</h47>
            <p>By: Michael Graham Richard<br>
                During the first quarter of 2013, the U.S. has added 723 megawatts (MW) of new solar capacity to its power grid,
                a 33% growth rate year-on-year. This accounted for over 48% of all new electric capacity installed during that period.
                <a href="http://www.treehugger.com/renewable-energy/us-installed-723-megawatts-solar-power-during-first-3-months-2013.html">Read More...</a>
            </p>
    </td>
</tr>
</table>
</td>
</tr>
<tr>
    <td height="30" align="center"><img src="http://dummyimage.com/600x20/1E8A0E/1E8A0E"/></td>
</tr>
<tr>
    <td>
        <table id="content-19" cellpadding="0" cellspacing="0" align="center">
            <tr>
                <td width="267" valign="top">
                    <table cellpadding="5" cellspacing="0" bgcolor="D0D0D0"><tr><td>
                                <img src="UtiliyTrucks.jpg">
                            </td></tr></table>
                </td>
                <td width="15"></td>
                <td width="278" valign="top">
            <h48 style="font-size: 18px; color: #61BD11 !important; font-family: Arial, Helvetica, sans-serif;">&#8232;&#8232;Utility Trucks Going Hybrid In DOE Initiative</h48>
            <p>By: Nino Marchetti <br>
                The continued push for the reduction of carbon emissions in the trucking space got a boost recently as a consortium of entities unveiled plans for a
                number of large plug-in hybrid trucks to be used by publicly owned utilities and municipal electric companies. The planned deployment of these vehicles
                is part of a U.S. Department of Energy (DOE) electrification initiative.
                <a href="http://www.earthtechling.com/2013/06/utility-trucks-going-hybrid-in-doe-initiative/">Read More...</a>
            </p>
    </td>
</tr>
</table>
</td>
</tr>
<tr>
    <td height="30" align="center"><img src="http://dummyimage.com/600x20/1E8A0E/1E8A0E"/></td>
</tr>
<tr>
    <td>
        <table id="footer" cellpadding="10" cellspacing="0" align="center">
            <tr>
                <td width="570" bgcolor="FFFFFF" align="center"><h54 style="font-size: 25px; color: #61BD11 !important; font-family: Arial, Helvetica, sans-serif;">Know Anyone Interested In The Green Economy?</h54></td>
</tr>
<tr>
    <td width="570" bgcolor="FFFFFF" align="center"><p>We always hire by referral. If you know anyone with a background in property management,
            facility maintenance, or green construction who would like to look at a position with great
            earning potential, please contact Adam Glod, President of Green Light Mid-Atlantic.</p></td>
</tr>
<tr>
    <td width="570" bgcolor="FFFFFF" align="center">
<h55><br><address><strong><a target="blank" shape="rect" href="mailto:Adam@greenlightenergy.org">Adam@greenlightenergy.org</a></strong></address></h55>
</td>
</tr>
<tr>
    <td width="570" bgcolor="FFFFFF" align="center">
        <img src="GL Coupon.jpg">
    </td>
</tr>
<tr>
    <td width="570" bgcolor="FFFFFF" align="center"><p>
            This email was sent to all subscribers of the Green Light National
            newsletter.<br> For more info send your emails to <a target="_blank" href="mailto:info@greenlightnational.com">info@greenlightnational.com.</a><br>
            This newsletter was produced by jconnelly productions. To reach jconnelly productions email <a target="_blank" href="mailto:jconnelly2580@gmail.com">jconnelly2580@gmail.com.</a>
        </p></td>
</tr>
<tr>
    <td width="570" bgcolor="FFFFFF" align="center">
        <p><a target="_blank" href="http://visitor.constantcontact.com/do?p=oo&mse=001199AEsRTBi7tNuuNy3CI-PaSWjddOR76&t=00165bYr3bXplSauoJEphRPZQ%3D%3D&llr=ctcdhtlab" shape="rect" style="color:#0000ff"> Update Profile/Email Address </a> |
<unsubscribe> Unsubscribe </unsubscribe> |
<a target="_blank" href="http://ui.constantcontact.com/roving/CCPrivacyPolicy.jsp" shape="rect" style="color:#0000ff"> Privacy Policy </a></p>
</td>
</tr>
<tr>
    <td width="570" bgcolor="FFFFFF" align="center">
        <p>Green Light | P.O. Box 3711 | St.Charles | IL | 60174</p>
    </td>
</tr>
</table>
</td>
</tr>
</table> <!----Main---->
<tr>
    <td>
        <table width="100%" cellpadding="0" cellspacing="0" bgcolor="E4E4E4"><tr><td></p>
                    <p><table id="top-message" cellpadding="20" cellspacing="0" width="600" align="center">

                        <!--------Enter Facebook Link here------->
                        <tr>
                            <td align="center">
                                <p>Trouble viewing this message? <a href="#">View in Browser</a></p>
                            </td>
                        </tr>
                    </table>

                    <!-------Bottom Message----->

            </tr></td></table>
</td>
</tr><!---wrapper---->

<p></body></p>

<p></html></p>
7

The first thing I’d try is getting rid of those out-of-place p tags that are around other tags.

8

The h tags only go from h1 to h6. Anything else is invalid HTML.

You can reuse these tags throughout your code–they aren’t unique.

Your <styles> tag and CSS will likely be stripped in some email clients and webmail services. It’s best to use inline styles for maximum compatibility. Yes, by doing this, there will be a lot of duplicate CSS code, but unfortunately, that’s the way it needs to be done.