View Single Post
Old 07-05-2010, 07:17 AM   #2
charleski
Wizard
charleski ought to be getting tired of karma fortunes by now.charleski ought to be getting tired of karma fortunes by now.charleski ought to be getting tired of karma fortunes by now.charleski ought to be getting tired of karma fortunes by now.charleski ought to be getting tired of karma fortunes by now.charleski ought to be getting tired of karma fortunes by now.charleski ought to be getting tired of karma fortunes by now.charleski ought to be getting tired of karma fortunes by now.charleski ought to be getting tired of karma fortunes by now.charleski ought to be getting tired of karma fortunes by now.charleski ought to be getting tired of karma fortunes by now.
 
Posts: 1,196
Karma: 1281258
Join Date: Sep 2009
Device: PRS-505
Well, it starts off very simple. If you want an image on the left side of the page with text floating around it on the right, use this:
Code:
[CSS]
div.leftpic {
  float: left;
  clear: left;
  text-align: left;
}  

[XHTML]
<div class="leftpic"><img ..... /></div>
<p>Your text here</p>
To have the image float to the right, just change 'left' to 'right' in the css.

It gets tricky when you want to fine-tune the margins, a lot of the extra code in Zelda's 'Three Men in a Boat' is written to do that.
charleski is offline   Reply With Quote