Select Page

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”> 

About The Author

Rogerio da Silva is a Brazilian who lives in the UK for a little over two decades. He is the owner of a test consulting and outsources services for software development. He likes to blog, write and create content that teaches others how to live a better life. Rogerio has two princesses and one powerful wife that help him with his work. He loves reading biographies of successful authors and dream builders because they inspire him to keep creating!

Leave a reply

Publication

Now available on amazon prime

eBook (Amazon)

The Testers Book - An Unconventional Way to Software Testing - Revised Edition

Paperback (Lulu.com)

Podcast