Skip navigation
messoml123
messoml123 Calculating status...
Currently Being Moderated

HTML Email help please! Table issues.

Nov 21, 2012 8:19 PM

Tags: #html #email #tables #table_headers

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-st ory"><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-st ory">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 ~~~~~~~-->

597 Views   5 Replies   Latest reply: Sudarshan Thiagarajan, Nov 22, 2012 8:21 PM
 
Replies
  • Sudarshan Thiagarajan
    3,731 posts
    Oct 15, 2010
    Currently Being Moderated
    1. Sudarshan Thiagarajan,
    Nov 21, 2012 9:19 PM   in reply to messoml123
    Report

    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

     
    |
    Mark as:
  • Ken Binney
    Currently Being Moderated
    2. Ken Binney,
    Nov 22, 2012 5:22 AM   in reply to messoml123
    Report

    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

     
    |
    Mark as:
  • messoml123
    Currently Being Moderated
    3. messoml123,
    Nov 22, 2012 1:54 PM   in reply to Ken Binney
    Report

    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.j pg" 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!!

     
    |
    Mark as:
  • Ken Binney
    Currently Being Moderated
    4. Ken Binney,
    Nov 22, 2012 5:41 PM   in reply to messoml123
    Report

    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?

     
    |
    Mark as:
  • Sudarshan Thiagarajan
    3,731 posts
    Oct 15, 2010
    Currently Being Moderated
    5. Sudarshan Thiagarajan,
    Nov 22, 2012 8:21 PM   in reply to messoml123
    Report

    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

     
    |
    Mark as:
Actions

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points