Databases
StackOverflow2013
Postsdbo
POHTML Emails: How to hide whitespace?
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POHTML Emails: How to hide whitespace?
    text
    copied!<p>I'm building an email template. Part of the design involves using Georgia Italic as the font. The text only takes up the bottom 75% of the space allotted for the text. This means there's a sizable amount of whitespace above the text. </p> <p>Here's the code: </p> <pre><code>&lt;table width="660" border="0" align="center" cellpadding="0" cellspacing="0"&gt; &lt;tr&gt; &lt;td&gt; &lt;table style="border-collapse: collapse;"&gt; &lt;tr&gt; &lt;td align="right" width="420" height="200" bgcolor="#FFFFFF" style="font-family: Georgia, Times New Roman, serif; font-size:300px; line-height:300px; color:#e47b5c; padding: 10px 0 10px 0; font-style:italic; line-height:300px; border-collapse:collapse;" &gt; &lt;span&gt;75&lt;/span&gt; &lt;/td&gt; &lt;td align="right" valign="bottom" width="240" height="200" bgcolor="#FFFFFF" style="font-family: Georgia, Times New Roman, serif; color:#e47b5c;" &gt; &lt;table align="left" style="border-collapse: collapse;"&gt; &lt;tr&gt; &lt;td align="middle" style="font-size:150px; line-height:150px; color:#e47b5c; font-style:italic;"&gt; &lt;span&gt;%&lt;/span&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td align="left" style="font-size:80px; line-height:80px; color:#e47b5c;"&gt; &lt;span&gt;OFF&lt;/span&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; </code></pre> <p><a href="http://jsfiddle.net/AEhy6/1/" rel="nofollow">http://jsfiddle.net/AEhy6/1/</a> (select the "75%" to see the extra space)</p> <p>I'm looking for a way to cover up the whitespace.</p> <p>I suspect the only way is to change the font. All ideas are welcome! Thank you.</p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload