This email newsletter from Nike grabbed me – even though my client blocked its pretty images!

How can I look slick with image alt tags?

–

As you can see – that’s some pretty punchy design for an imageless email!

The ‘Livestrong’ text actually puts many real logos to shame!

For your eyes only, I jumped into the code to see how it was achieved:

<img alt=”L I V E S T R O N G” src=”L%20I%20V%20E%20S%20T%20R%20O%20N%20G_files/20100723_LVST_1b.jpg” style=”display: block; font-family: trebuchet MS,sans-serif; font-size: 25px; color: rgb(255, 255, 255);” border=”0″ width=”279″ height=”84″>

So no fancy tricks here, just caps text (in trebuchet) with spaces! Real simple – real effective – just how we like it.

And incase you were wondering – the email looks pretty sexy with images on too:

What can we learn from Nike?

Keep it simple! CSS can break, so why bother with fancy text styling when your alt tags can look super slick the simple way?!

Jay Chambers