Tuesday, October 11, 2011

Prevent Unwanted Borders on Linked Logos

Some email signatures we have tested have what I assume to be an accidental blue border around their logo.

Some email clients will display a border around images that are linked unless you’ve specified a border of zero in your code.


How To specify a border of zero in your email signature HTML:

<a href=”http://www.testemailsignature.com”>
<img src=”http://www.testemailsignature.com/images/logo.png” width=”41″ height=”40″ border=”0″>
</a>


When a border is not specified at all, you may end up with a blue (or black) border around your email signature image.
It’s worth noting that images without links aren’t affected by this email client quirk. 

Here’s a list of the clients that will display borders by default when an image is linked:

  • AOL Mail (Explorer)
  • AOL Mail (FF)
  • Gmail (Explorer)
  • Gmail (FireFox)
  • Lotus Notes 8
  • Lotus Notes 8.5
  • Outlook 2000
  • Outlook 2003
  • Thunderbird
  • Windows Mobile