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>
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?
The old school method was to use clearpixel.gifs as space holders.
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?
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?