Placing image to the left of a blog post Options

[bigtrey90]

I am trying to achieve this image placement in Wordpress on my post as shown on this website:

http://giant.blackplanet.com/

How can I do this?

[fixtatik]

oh, the power of floating.

CODE

.alignleft { float:left; margin:0 0 0 20px; }
.alignright { float:right; }
.clear { display:block; height:0; visibility:hidden; }

CODE

<div>
  <img src="URL" class="alignleft" alt="" />
  <div class="alignright">
    text, text, text.
  </div>
  <div class="clear"></div>
</div>

the extra class, .clear, is really optional. it depends on how you have the container div displayed. if it's being displayed as a block element (default display), and not a table (which doesn't even work in IE), then when you float different elements inside the div, it won't retain its height. there are many other ways to do it, but this is usually one of the easiest, as you can put whatever you want in the div that's aligned to the right without any problems.

[bigtrey90]

its not working right

[alek]

either use

CODE

<img src="URL" style="float:left" />

or

CODE

<style type="text/css">

img.left { float:left; }

</style>

CODE

<img src="URL" class="left" />

[fixtatik]

its not working right

when you use float properties, it's best to define a width. it's technically not required by standards, but it's advised. try adding a width tow the "alignleft" and "alignright" classes, as well as for the container div.