White Lines in HTML Emails/Newsletters

Oh man, I haven’t made any updates in a while. I meant to make this post ages ago. Recently while working for Norex, I was coding an HTML newsletter for the NSLC and in Gmail and Hotmail (Not Yahoo mail or RoundCube) I was getting white lines between each row in my newsletter. As you know if you’ve ever had the unfortunate experience of developing a newsletter, they have to be tables. This particular one made heavy use of images as well, as I saw how many people had the white line issue, but none of their solutions worked for me.

Finally, I found a solution. Why on Earth this works is beyond me, but images should have style=”display:block” on them to get rid of the white lines. Yeah,Β bizarre, but it works. Really. (If it doesn’t make sure you’ve tried all the regular things like cellspacing and cellpadding). Personally I like coding newsletters, they are a bit more of a challenge then most things (HTML related anyways).

16 Replies to “White Lines in HTML Emails/Newsletters”

  1. I have 4 social media icons lined next to each other horizontally (IG, FB, my website and Pinterest, in that order). I was getting the white line between the IG and FB icons. I typed this “display:block” code on the end of both, but now they’re directing to the same link (the IG link). What’s going on? BTW, I’m not even a web designer, I’m just an architect trying to create an awesome email signature, haha.

  2. Thank you – your post is still saving people’s sanity – I’d got to the banging my head on the desk stage…

  3. I love you. πŸ™‚

  4. Best fix ever! Thank you sir πŸ™‚

  5. Thank you so much ! πŸ™‚ I still get a white line at the top of the above picture and on the sides.
    But at least the lines between the images are gone.

  6. My hero! This has been driving me nuts for ages! Thank you for sharing! xx

  7. display:block on images into email newsletters is a must πŸ™‚

    I arrived on your page for another reason – I have got white lines into emails on Apple mobile devices (iPad / iPhone). Does anyone know how to get rid of them?

  8. THANK YOU SO MUCH. I just fist-pumped in my cube. You have saved my sanity.

  9. Thank you so much for the post. It helped me well πŸ™‚

  10. Thank you! This has been the bane of my existence for the past few months. Everything always looks good on the regular page but when it’s on the email client – the white lines would appear… Bizarre thing. Anyway, your fix worked 100% and free’d me to be much more creative with layouts.

  11. I had this problem and added the style:block to all the images. It got better as the gaps where huge. now i dont have the gaps anymore bu i cant get ride of some white lines (just a few). Any idea what could be the problem?

  12. Thank you very much! your a life saver! πŸ™‚

  13. No problem, glad I was able to help a few people πŸ™‚

  14. Brandon this also helped me. I was driven crazy by this. Thank you for your post.

  15. Glad I could help at least one person πŸ™‚

    This problem was so annoying to fix though.

  16. Thank you so much for the tip. It is really helpful as I spent 2 hours figuring how to solve the white lines. Should have google first.. πŸ˜€

Leave a Reply