You are either not logged in or not registered with our community. Click here to register.
 
December 03, 2016, 06:09:39 PM

Welcome, Guest. Please login or register.
Did you miss your activation email?

Login with username, password and session length

Click here if you are having problems.
Default Wide Screen Beige Lilac Rainbow Black & Blue October Send us your theme!

Hark!  The Herald!
Holiday Issue 2016

Wiki Blogs Dicebot

Author Topic: Aligning text & images without tables  (Read 767 times)

0 Members and 1 Guest are viewing this topic.

Offline ZeitgeistTopic starter

Aligning text & images without tables
« on: May 04, 2010, 11:03:58 PM »
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

Offline Kyrsa

Re: Aligning text & images without tables
« Reply #1 on: May 04, 2010, 11:05:18 PM »
Code: [Select]
[floatleft][img]http://Image URL here[/img][/floatleft]
Code: [Select]
[floatright][img]http://Image URL here[/img][/floatright]
Hope it helps!

Offline ZeitgeistTopic starter

Re: Aligning text & images without tables
« Reply #2 on: May 04, 2010, 11:06:46 PM »
Thank you so much!

Offline ZeitgeistTopic starter

Re: Aligning text & images without tables
« Reply #3 on: May 04, 2010, 11:38:55 PM »
This isn't looking right to me at all. Does the text go inside the float tag?

Offline Kyrsa

Re: Aligning text & images without tables
« Reply #4 on: May 05, 2010, 12:03:52 AM »
You can see an example of how that code looks here

Code: [Select]
[floatright][IMG]http://i88.photobucket.com/albums/k176/kyrsa/FD%20Characters/GabrielSullivan.jpg[/img][/floatright] Text goes here

Offline ZeitgeistTopic starter

Re: Aligning text & images without tables
« Reply #5 on: May 05, 2010, 12:14:50 AM »
You can see an example of how that code looks here

Code: [Select]
[floatright][IMG]http://i88.photobucket.com/albums/k176/kyrsa/FD%20Characters/GabrielSullivan.jpg[/img][/floatright] Text goes here

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

Offline Kyrsa

Re: Aligning text & images without tables
« Reply #6 on: May 05, 2010, 12:16:42 AM »
After some grumbling of "It can't be done!", I got it. Thank you ;)

Excellent.  You're most welcome.

Online Oreo

Re: Aligning text & images without tables
« Reply #7 on: May 05, 2010, 04:30:41 AM »
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.

Offline Caeli

Re: Aligning text & images without tables
« Reply #8 on: May 05, 2010, 04:44:50 AM »
For future reference, using the <code> tag makes it much easier to show code without needing to stick asterisks into the brackets. :-)

Code: [Select]
[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.
« Last Edit: May 05, 2010, 04:45:52 AM by Caeli »

Offline ZeitgeistTopic starter

Re: Aligning text & images without tables
« Reply #9 on: May 05, 2010, 08:13:57 AM »
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.

Online Oreo

Re: Aligning text & images without tables
« Reply #10 on: May 06, 2010, 04:22:28 AM »
You're welcome, Zamdrist.

Thanks Caeli, *makes a note*  8-)