@Darth’s Election Tweets

How to wrap text around an image that works with HTML and VML

In my job as a Digital Marketing Coordinator I have to build HTML emails for a range of purposes. Normally we follow a template for these emails with a header image, text and call to action buttons at the end of the email. However I get asked to wrap images within the body of the text occasionally. Whenever this happens I have to spend a long time searching through countless stack overflow posts about wrapping background images in VML etc. So I have decided to post this here in order to jog my memory and also hopefully be of some use to other hapless HTML email designers like myself.

The code in the box below will wrap text around a left-aligned image in both VML and HTML.

<img src="https://uphillintothewind.files.wordpress.com/2015/03/53332213.jpg" alt="" width="289" height="206" align="left" border="0" hspace="15" vspace="15" />

I HATE VML. The person who decided that Outlook should be powered by Microsoft Word rather than Internet Explorer has a place reserved in the 7th level of hell for him.

A post to show “Free Britain” how easy it is to make content on a website look nice

Thanks to Twlldun on Twitter I’ve spent half an our browsing “Free Britain” ‘s website. They are utterly bonkers, but thankfully they are also rubbish.

Take their “Our Tunes” page:

In Free Britain people who care about not going over the margins will clearly be the first against the wall...
In Free Britain people who care about not going over the margins will clearly be the first against the wall…

Not only have they embedded their videos in such a way that the videos go outside the margin they’ve created on the page for them, they also don’t seem to know that YouTube offer users the ability to embed videos in a much more pleasing way.

For example:

Bob Marley – One Love

John Lennon – Imagine

Tracy Chapman – Talkin’ bout a Revolution

But then again given their poorly-edited manifesto I think an inability to create a pleasing-on-the-eye page is the least of their problems.