Gmail’s DOCTYPE can create extra space under images

Similar to #7, this space is also caused by the DOCTYPE.  Here are a few workarounds (these work in Hotmail and Yahoo! Beta as well):

1.) Add style display:block to the image element

<img src=“test.jpg” style=“display:block”> 

2.) Add align abs bottom in the image element

<img src=“test.jpg” align=“absbottom”> 

3.) Add align text top to the image element

<img src=“test.jpg” align=” texttop ”> 

4.) Add line-height 10px or lower in the containing TD

<td style=“line-height:10px”> 

5.) Add font-size 6px or lower in the containing TD

<td style=“font-size:6px”> 

Sending
User Review
5 (1 vote)

Rogerio da Silva

Test Analyst (ISTQB-ISEB Certified Tester) | Test Lead | Business Test Analyst | Entrepreneur | Investor Share, Stocks, Forex and Cryptocurrency | Social Media Marketing | Social Media Management | Website Consulting & Revision | Email Consulting (Funnel Setup) Rogerio da Silva is a Consultant as a day job and big fan of personal development and entrepreneurship. Feel free to follow him on LinkedIn, Twitter, Facebook Page, Tumblr, Google+ to talk about ideas, investments, business opportunities in UK and Brazil.

Leave a Reply

%d bloggers like this: