Email template boilerplate - unable to set row height

html css html-table html-email email-templates
Scott picture Scott · Feb 8, 2012 · Viewed 8k times · Source

I'm using this boilerplate: http://htmlemailboilerplate.com/

I want a table row to be 6px of height and one row to be 1px of height. No matter what I try the table rows wont go less than a height of 15px. Coincidently 15px is the font-size.

Code:

...
<tr>
    <td height="6" style="height: 6px;">&nbsp;</td>
</tr>
<tr>
    <td height="1" style="height: 1px;"><img src="images/bar.gif" width="220" height="1" /></td>
</tr>
...

Any way I can get this table rows to be the height I want?

Answer

greener picture greener · Feb 8, 2012

Did you try using CSS to set line-height:1px on your td?

Related questions

Color a table row with style="color:#fff" for displaying in an email

We would like to display order details as table in an email ​<table> <thead> <tr> <th>Header 1</th> <th>Header 2</th> <th>Header 3</…

Read More
Equivalent to float in Outlook

I am trying to float: left some tables, but just encountered a major problem, outlook doesn't support float. Well, then I tried to use table align and so forth, but without luck. The tables just show up, under each other, …

Read More
Is it possible to use display:block on td in HTML email, to achieve responsive table design?

This fantastic article describes how to create responsive tables which scale fabulously to mobile browsers. Now I'm trying to apply the same technique to html emails but display:block just won't seem to work in html emails. To reproduce the …

Read More