My Radical Blogs

I have spent today just wandering around looking at various blogs. I have commented a few times on photos and graphics and the lack of white space around them. There is often a simple solution to this particularly if you have access to the html code.

WordPress is a good example. You can include html code within your post. When inserting a graphic the code often looks like this – <img src=”/images/yourphoto.jpg”>.

To add white space around your photo you only need add the following hspace to insert space left or right, and vspace for top and bottom. The white space is measured in pixels or px. Your html tag would then read <img src=”/images/yourphoto.jpg” hspace=”10px” vspace=”10px”>. To wrap the text, you need to place your image either to the left or right using align=”left” or align=”right”.

Your final tag could look like this <img src=”/images/yourphoto.jpg” align=”left” hspace=”10px” vspace=”10px”>. That would place the image to the left with the text wrapped around and with 10 pixels of whitespace around the picture. It looks much cleaner. I have also used the height command – height=”50%” to trim the photo to fit. You can also see that I have inserted the photo half way through a paragraph. Play around with the commands and you will get some nice effects.

You can clearly see that the blue bag has more white space around it than the red bag. (the images here are used purely as examples and have no relevance)

Todays list:

The radical bloggers site for the day? Anti Barbie .Net. Well worth a visit.

Related Posts

• New look Radical Blog Reviews – check them out
• More Blogs Reviewed
• Radical Blog Reviews – Special Offer
• More Blog Reviews