Aligning text & images without tables

[Zeitgeist]

I could have swore (did actually), someone posted once about how to wrap or position text around images, without using tables. I've looked for it myself, I swear but cannot find it again. Any help would be greatly appreciated.  ;D

[Kye]

Code Select Expand

[float=left][img]http://Image URL here[/img][/float]

Code Select Expand

[float=right][img]http://Image URL here[/img][/float]

Hope it helps!

[Zeitgeist]

Thank you so much!

[Zeitgeist]

This isn't looking right to me at all. Does the text go inside the float tag?

[Kye]

You can see an example of how that code looks here

Code Select Expand

[float=right][IMG]http://i88.photobucket.com/albums/k176/kyrsa/FD%20Characters/GabrielSullivan.jpg[/img][/float] Text goes here


[Zeitgeist]

You can see an example of how that code looks here

Code Select Expand

[float=right][IMG]http://i88.photobucket.com/albums/k176/kyrsa/FD%20Characters/GabrielSullivan.jpg[/img][/float] Text goes here


After some grumbling of "It can't be done!", I got it. Thank you ;)

[Kye]

After some grumbling of "It can't be done!", I got it. Thank you ;)

Excellent.  You're most welcome.

[Oreo]

You can also insert padding into the code to place a small distance between the words and the picture.

[*floatright][img padding=15]  Anywhere from 8 -15 pixels is a good distance.

[Caeli]

For future reference, using the <code> tag makes it much easier to show code without needing to stick asterisks into the brackets. :-)

Code Select Expand

[img padding=10]Image URL here[/img]

I've found that 5 or 10 works best for me, usually 5 (like in this example); any more creates a more noticeable "invisible border" on top of the image, where the text will not align with the top of the image.

[Zeitgeist]

Ah, thank you Oreo. I wasn't a fan of how the text butted up against the image like that, and the padding was perfect. Thank you.

[Oreo]

You're welcome, Zamdrist.

Thanks Caeli, *makes a note*  8-)