Skip navigation
More2Do
More2Do
Currently Being Moderated

Specify row height in table using html?

Dec 12, 2012 3:35 PM

How do I accurately specify row heights in html for use in rich text emails? The row heights tend to grow in height (approx 20px) when tested in Thunderbird. I want the row heigth to be 1px high. Please see a line of code below:

 

HTML 4.01 Transitional

 

<td height="1" bgcolor="#999999"></td>

288 Views   6 Replies   Latest reply: More2Do, Dec 12, 2012 6:23 PM
 
Replies
  • Nancy O.
    Currently Being Moderated
    1. Nancy O.,
    Dec 12, 2012 3:40 PM   in reply to More2Do
    Report

    Have you tried using a border instead of cell for this?

     

    <table style="border: 1px solid #999999">

     

     

    Nancy O.

     
    |
    Mark as:
  • More2Do
    Currently Being Moderated
    2. More2Do,
    Dec 12, 2012 3:52 PM   in reply to Nancy O.
    Report

    Thanks. Borders are not appropriate in this instance. I'm using table rows to create space between sections of copy. The rows do not contain any content. They all tend to grow in height when sent through my email client. How can I make them stick to a specific row height?

     
    |
    Mark as:
  • Nancy O.
    Currently Being Moderated
    3. Nancy O.,
    Dec 12, 2012 4:04 PM   in reply to More2Do
    Report

    The old school method was to use clearpixel.gifs as space holders. 

     

    See Creating Cross Client HTML E-Mails in Dreamweaver -
    http://www.adobe.com/devnet/dreamweaver/articles/html_emails.html

     

     

     

     

    Nancy O.

     
    |
    Mark as:
  • More2Do
    Currently Being Moderated
    4. More2Do,
    Dec 12, 2012 4:05 PM   in reply to Nancy O.
    Report

    Tried it, but spacers didn't work.

     
    |
    Mark as:
  • Ken Binney
    Currently Being Moderated
    5. Ken Binney,
    Dec 12, 2012 5:12 PM   in reply to More2Do
    Report

    More2Do wrote:

    I want the row heigth to be 1px high.

    I must be missing something because a 1 pixel cell or row height would not create a perceptible "space between sections of copy".  Its less than a line height

     

    Note that most email clients will nor render a background color on other than the entire page.

    Could we see an online version of your design please?

     
    |
    Mark as:
  • More2Do
    Currently Being Moderated
    6. More2Do,
    Dec 12, 2012 6:23 PM   in reply to Ken Binney
    Report

    The 1px high row is used to create a horizontal rule (in place of the <hr> tag).

     

    In other instances, I've used the code below to create a 20 px high space between sections:

     

    <tr><td colspan="3" height="20"></td></tr>

     

    The problem is, I see more than 20px in this row. The email client adds additional height to the empty cells. Is there a way to force the empty row to display 20px high?

     
    |
    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