Skip navigation
messoml123
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 ~~~~~~~-->

 
Replies
  • Sudarshan Thiagarajan
    4,000 posts
    Oct 15, 2010
    Currently Being Moderated
    Nov 21, 2012 9:19 PM   in reply to messoml123

    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:
  • Currently Being Moderated
    Nov 22, 2012 5:22 AM   in reply to messoml123

    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:
  • Currently Being Moderated
    Nov 22, 2012 5:41 PM   in reply to messoml123

    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
    4,000 posts
    Oct 15, 2010
    Currently Being Moderated
    Nov 22, 2012 8:21 PM   in reply to messoml123

    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:

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