Blog

I'm going to say it - our monthly newsletter is far from perfect. Thankfully, it gets read by cluey folks like yourself, so we always get amazing feedback and learn something new.

This month's key takeaway came from @get_dave, who kindly pointed out that Outlook '07 was adding a 1px white border/padding to the thumbnails in our design. These thumbnails are enclosed in a table cell with a background color applied, to form a two-tone border. In most email clients, this border is flush with the grey background color:

But in Outlook '07, a white border appears (which also causes the right-side of the border to disappear completely):

Thankfully, there's a very elegant fix to this, courtesy of code extraordinaire Ian Hoar. Simply add the following snippet to your CSS styles:

table td { border-collapse: collapse; }

... and voila! No more white border and peace restored to the valley. You can read more about this solution, alongside a couple of other handy email tips on Ian's blog.

Many thanks again to @get_dave for contributing this cracking tip - hopefully it will save you much hair-pulling when you prepare your newsletters!