Images in Whitespace – putting a border on and not flowing text around
I wanted to put a border around an image – like this:
I don’t want to do it for all images and so editing the HTML code of the post is used when needed. I just add this code to the end of the ‘img’ tag:
style=”border-style: solid; border-width: thin”
Also I often don’t want text to flow around an image and to fix that, and have the text show after the image (as is the case above), I add this after the image tag:
<br clear=”all” />
Putting it all together, here is the code that produced the above image and picked up from the HTML view in the WP post editor (which is where the changes were put in):
<img title=”share_this_after” src=”http://www.brucemarriott.com/wp-content/uploads/2010/09/share_this_after1.jpg” alt=”" width=”347″ height=”180″ style=”border-style: solid; border-width: thin” /><br clear=”all” />
I’m sure there are clever CSS ways of doing this as well, but this is simple and gives me the flexibility I want when I want.
comments
Leave a Reply