5 Replies Latest reply: Nov 22, 2012 8:21 PM by sudarshan.t RSS

    HTML Email help please! Table issues.

    messoml123

      Hi

       

      I am having trouble with an html email I am creating.

       

      The html is creating additional spacing in a specified colour around my table. I am including the code in the hopes that someone can help with this issue. Hopefully it is a quick fix.

       

      <!--~~~~~~~ Testimonials Start ~~~~~~~-->

      <table border="0" cellspacing="0" cellpadding="0" width="202" bgcolor="#e9e9e9">

      <tbody>

      <tr>

      <td rowspan="3" width="1" bgcolor="#002664"></td>

      <td colspan="5" height="1" bgcolor="#002664"></td>

      <td rowspan="3" width="1" bgcolor="#002664"></td>

      </tr>

      <tr>

      <td colspan="5">

      <table border="0" cellspacing="0" cellpadding="0" width="200" bgcolor="#e9e9e9">

      <tbody>

      <tr>

      <td colspan="7" width="30" bgcolor="#">

      <table border="0" cellspacing="0" cellpadding="0" width="178" align="center">

      <tbody>

      <tr>

      <td height="5"></td>

      </tr>

      <tr>

      <td align="left"><span style="text-align: center; font-weight: bold; font-size: 13px; font-family: Arial, Helvetica, sans-serif; color: #ffffff;">YOUR STORIES</span></td>

      </tr>

      <tr>

      <td height="5"></td>

      </tr>

      </tbody>

      </table>

      </td>

      </tr>

      <tr>

      <td colspan="7" bgcolor="#e9e9e9">

      <table border="0" cellspacing="0" cellpadding="0" width="178" align="center" bgcolor="#e9e9e9">

      <tbody>

      <tr>

      <td colspan="3" height="10"></td>

      </tr>

      <tr>

      <td width="80" height="100" valign="top"><a href="https://ourhealth.org.au/stories/struggling-dental-health-michelles-story"><img src="http://www.chf.org.au/files/OHOCdesigns/newsletter/Michelle_small.jpg" border="0" width="80" height="100" style="display: block" /></a></td>

      <td width="8"></td>

      <td width="90" align="left" valign="top"><span style="text-align: left; font-weight: bold; font-size: 11px; font-family: Arial,Helvetica,sans-serif; color: #000066;">Struggling through my dental health</span><br />

        <span style="text-align: left; font-size: 10px; font-family: Arial,Helvetica,sans-serif; color: #000066;"><a href="https://ourhealth.org.au/stories/struggling-dental-health-michelles-story">Story from a passionate health consumer</a></span></td>

      </tr>

      <tr>

      <td colspan="3" height="8"></td>

      </tr>

      <tr>

      <td colspan="3" valign="top"><span style="text-align: left; font-size: 11px; font-family: Arial,Helvetica,sans-serif; color: #000066;">" The orthodontist said I'd need to have surgery to break and realign my jaw. I was told that if I didn't get treated, I could get to a point where I wouldn't be able to chew. I could pay for the orthodontists but I just couldn't find the money for the surgery." </span></td>

      </tr>

      <tr>

      <td colspan="3" height="10" valign="top"></td>

      </tr>

      </tbody>

      </table>

      </td>

      </tr>

       

      </tbody>

      </table>

      </td>

      </tr>

      <tr>

      <td colspan="5" height="1" bgcolor="#002664"></td>

      </tr>

      </tbody>

      </table>

      <!--~~~~~~~ Testimonials Ends ~~~~~~~-->

        • 1. Re: HTML Email help please! Table issues.
          sudarshan.t Community Member

          I tried your code and this is how it renders. I don't see any additional spacing. Can you please post a screenshot of what you're referring to? And what are you testing on? Dreamweaver/ browser/ e-mail client? If e-mail client, which one?

           

          Screen Shot 2012-11-22 at 10.48.53 AM.png

          • 2. Re: HTML Email help please! Table issues.
            Ken Binney MVP

            Hereis how it renders in Outlook 2003 email client.

            As ST said, we don't know what you are seeing or where you are seeing it.

             

            Outlook2003.jpg

            • 3. Re: HTML Email help please! Table issues.
              messoml123 Community Member

              Hi I was seeing this:

               

               

              The other issue I am having is that there is alot os spacing in the html online version of the email but looks fine in the browser. The code is below but any help is appreciated.

              html.png

               

              <!--~~~~~~~ Testimonials Start ~~~~~~~-->

              <table border="0" cellspacing="0" cellpadding="0" width="202" bgcolor="#e9e9e9">

              <tbody>

              <tr>

               

              </tr>

              <tr>

              <td colspan="5">

              <table border="0" cellspacing="0" cellpadding="0" width="200" bgcolor="#e9e9e9">

              <tbody>

              <tr>

              <td colspan="7" width="30" bgcolor="#79A888">

               

              <table border="0" cellspacing="0" cellpadding="0" width="178" align="center">

              <tbody>

              <tr>

              <td height="5"></td>

              </tr>

              <tr>

              <td align="left"><span style="text-align: center; font-weight: bold; font-size: 13px; font-family: Arial, Helvetica, sans-serif; color: #ffffff;">HAVE YOU HEARD?</span></td>

              </tr>

              <tr>

              <td height="5"></td>

              </tr>

              </tbody>

              </table>

              </td>

              </tr>

              <tr>

              <td colspan="7" bgcolor="#e9e9e9">

              <table border="0" cellspacing="0" cellpadding="0" width="178" align="center" bgcolor="#e9e9e9">

              <tbody>

              <tr>

              <td colspan="3" height="10"></td>

              </tr>

              <tr>

              <td width="80" height="100" valign="top"><img src="http://www.chf.org.au/files/OHOCdesigns/newsletter/ask_share.jpg" border="0" width="80" height="100" style="display: block" /></td>

              <td width="8"></td>

              <td width="90" align="left" valign="top"><span style="text-align: left; font-weight: bold; font-size: 11px; font-family: Arial,Helvetica,sans-serif; color: #000066;">Have you heard about the Ask Share Know project?</span><br />

                <span style="text-align: left; font-size: 10px; font-family: Arial,Helvetica,sans-serif; color: #000066;"><a href="http://ourhealth.org.au/news/new-resources-ask-share-know">News articles of interest to you</a></span></td>

              </tr>

              <tr>

              <td colspan="3" height="8"></td>

              </tr>

              <tr>

              <td colspan="3" valign="top"><span style="text-align: left; font-size: 11px; font-family: Arial,Helvetica,sans-serif; color: #000066;">"The new Ask Share Know project is designed to get consumers to ask <a href="http://ourhealth.org.au/news/new-resources-ask-share-know">three questions to support their health decision-making</a>." </span></td>

              </tr>

              <tr>

               

              </tr>

              </tbody>

              </table>

              </td>

              </tr>

              <tr>

              <td width="10" bgcolor="#e9e9e9"></td>

              <td width="10" bgcolor="#e9e9e9"></td>

              </tr>

              </tbody>

              </table>

              </td>

              </tr>

              <tr>

              <td></td>

              </tr>

              </tbody>

              </table>

              <!--~~~~~~~ Testimonials Ends ~~~~~~~--></td>

              </tr>

              <tr>

              <td height="10" valign="top"></td>

              </tr>

              <tr>

              <td align="left" valign="top"><!--~~~~~~~Right Side Image Start ~~~~~~~-->

              <table border="0" cellspacing="0" cellpadding="0">

              <tbody>

              <tr>

              <td rowspan="3" width="1" ></td>

              <td colspan="5" height="1" ></td>

              <td rowspan="3" width="1" ></td>

              </tr>

              <tr>

              <td colspan="5" width="200" height="200" bgcolor="#ffffff"><a href="http://www.youtube.com/watch?v=RmXUbupZctM&feature=plcp"><img src="http://www.chf.org.au/files/OHOCdesigns/newsletter/Hands-page-10_200.jpg" border="0" width="200" height="200" /></a></td>

              </tr>

              <tr>

              <td colspan="5" height="1" ></td>

              </tr>

              </tbody>

              </table>

              <!--~~~~~~~ Right Side Image End ~~~~~~~--></td>

              </tr>

               

               

               

              <tr>

              <td colspan="3" width="200" valign="top"><p style="text-align: left; font-size: 11px; font-family: Arial,Helvetica,sans-serif; color: #000066;">Many voices can make a difference - <a href="http://www.youtube.com/watch?v=RmXUbupZctM&feature=plcp">watch our video</a>.</p></td></tr>

               

              <tr>

              <td align="left" valign="top"><br/>

               

              Thanks for your help!!

              • 4. Re: HTML Email help please! Table issues.
                Ken Binney MVP

                messoml123 wrote:

                 

                Hi I was seeing this:

                There was no screencap posted, and  you did not reply to our questions.

                we don't know what you are seeing or where you are seeing it.

                 

                 

                messoml123 wrote:

                 

                The other issue I am having is that there is alot os spacing in the html online version of the email but looks fine in the browser.

                 

                Huh?

                • 5. Re: HTML Email help please! Table issues.
                  sudarshan.t Community Member

                  messoml123,

                   

                  You should answer our previous questions first.

                   

                  Tell us what browser, what mail client and if possible post a comparison screenshot of what you mean by this:

                   

                   

                  The other issue I am having is that there is alot os spacing in the html online version of the email but looks fine in the browser.

                  Show us comparison of what you're seeing along with the browser/ email client you use. That's the only way we can help.

                   

                  -ST