You are either not logged in or not registered with our community. Click here to register.
 
December 03, 2016, 05:46:18 AM

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: Getting text to wrap around pictures  (Read 567 times)

0 Members and 1 Guest are viewing this topic.

Offline InkiduTopic starter

  • E's Resident Girlomancer, Dedicated Philogynist, The Compartive of a Superlative, SLG's Sammich Life-Giver
  • Lord
  • Addict
  • *
  • Join Date: Jul 2008
  • Location: In a staring contest with the Void.
  • Gender: Male
  • My Role Play Preferences
  • View My Rolls
  • Referrals: 0
Getting text to wrap around pictures
« on: June 18, 2013, 09:38:02 AM »
At least that's what I think it is called. Everything I'm trying is simply putting the picture above the text and I want it to the left or the right of a body of text. Can anyone help?

EDIT: Got that sorted. Now I want a way to kind of space the text away from the image. Right now they're touching and it looks pretty bad. :\
« Last Edit: June 18, 2013, 09:48:51 AM by Inkidu »

Offline Oreo

Re: Getting text to wrap around pictures
« Reply #1 on: June 18, 2013, 10:01:23 AM »
Hi Inkidu,

I am assuming you found the float right/left tags. To make a spce between the letters and picture you need to do this:

[*img padding=8] (without the asterisk). Be sure to leave a space between the 'img' and 'padding'. The number you choose for the padding will determine the distance of the letters from the picture.

Offline InkiduTopic starter

  • E's Resident Girlomancer, Dedicated Philogynist, The Compartive of a Superlative, SLG's Sammich Life-Giver
  • Lord
  • Addict
  • *
  • Join Date: Jul 2008
  • Location: In a staring contest with the Void.
  • Gender: Male
  • My Role Play Preferences
  • View My Rolls
  • Referrals: 0
Re: Getting text to wrap around pictures
« Reply #2 on: June 18, 2013, 10:05:20 AM »
Hi Inkidu,

I am assuming you found the float right/left tags. To make a spce between the letters and picture you need to do this:

[*img padding=8] (without the asterisk). Be sure to leave a space between the 'img' and 'padding'. The number you choose for the padding will determine the distance of the letters from the picture.
Can I use padding if I already have a height modifier for the image?

Code: [Select]
[img height=xxx][/img]
To demonstrate.

Offline Oreo

Re: Getting text to wrap around pictures
« Reply #3 on: June 18, 2013, 10:11:47 AM »
Yes.

Code: [Select]
[floatright][img height=xxx padding=8][/img][/floatright]

Offline InkiduTopic starter

  • E's Resident Girlomancer, Dedicated Philogynist, The Compartive of a Superlative, SLG's Sammich Life-Giver
  • Lord
  • Addict
  • *
  • Join Date: Jul 2008
  • Location: In a staring contest with the Void.
  • Gender: Male
  • My Role Play Preferences
  • View My Rolls
  • Referrals: 0
Re: Getting text to wrap around pictures
« Reply #4 on: June 18, 2013, 10:13:25 AM »
Yes.

Code: [Select]
[floatright][img height=xxx padding=8][/img][/floatright]
Thankies! *Gives Oreo a dozen brownies*

Offline Oreo

Re: Getting text to wrap around pictures
« Reply #5 on: June 18, 2013, 10:14:58 AM »
Thankies! *Gives Oreo a dozen brownies*
* Oreo runs off with the brownies

You're welcome.

Offline The Dark Raven

Re: Getting text to wrap around pictures
« Reply #6 on: June 18, 2013, 11:41:45 AM »
I need to start saving tidbits like this....

Offline Oreo

Re: Getting text to wrap around pictures
« Reply #7 on: June 18, 2013, 11:49:07 AM »
I need to start saving tidbits like this....

Most can be found in the BBCode Tutorial. But, for codes that I use on a regular basis, I generally paste them at the top of my wordpad document for each RP.

Offline Formless

Re: Getting text to wrap around pictures
« Reply #8 on: June 18, 2013, 12:23:41 PM »
Yeah ... I need to spend more time in that tut ...

Thanks Oreo ... Ummm , got milk? :P

Offline InkiduTopic starter

  • E's Resident Girlomancer, Dedicated Philogynist, The Compartive of a Superlative, SLG's Sammich Life-Giver
  • Lord
  • Addict
  • *
  • Join Date: Jul 2008
  • Location: In a staring contest with the Void.
  • Gender: Male
  • My Role Play Preferences
  • View My Rolls
  • Referrals: 0
Re: Getting text to wrap around pictures
« Reply #9 on: June 18, 2013, 12:28:17 PM »
I finished updating my Os and Os, which is why I started this thread. I think it's a pretty good example.

Offline Oreo

Re: Getting text to wrap around pictures
« Reply #10 on: June 18, 2013, 12:36:57 PM »
I finished updating my Os and Os, which is why I started this thread. I think it's a pretty good example.
*goes to look at the O/Os*

Yeah ... I need to spend more time in that tut ...

Thanks Oreo ... Ummm , got milk? :P
>_>


EDIT: It looks great Inkidu!!
« Last Edit: June 18, 2013, 12:38:57 PM by Oreo »

Offline steelsmiter

  • Special Constable Wossname Ferret
  • Lord
  • Seducer
  • *
  • Join Date: May 2013
  • Location: At the Glorious Revolution with the People's Republic of Treacle Mine Road
  • Gender: Male
  • you don't need a reason to help people
  • My Role Play Preferences
  • View My Rolls
  • Referrals: 2
Re: Getting text to wrap around pictures
« Reply #11 on: June 18, 2013, 01:58:41 PM »
Helpful tidbit: I uploaded an 800xsomething picture of Ashlynn Brooke and found that floatright/left doesn't work unless you either reduce the picture size with a width code or thumb code

Offline Oniya

  • StoreHouse of Useless Trivia
  • Oracle
  • Carnite
  • *
  • Join Date: Sep 2008
  • Location: Just bouncing through. Hi! City of Roses, Pennsylvania
  • Gender: Female
  • One bad Motokifuka. Also cute and FLUFFY!
  • My Role Play Preferences
  • View My Rolls
  • Referrals: 3
Re: Getting text to wrap around pictures
« Reply #12 on: June 18, 2013, 02:02:08 PM »
800 width is going to take up a lot of screen.  That may be a limitation of the board software to
prevent
text
from
looking
like
this
around
the
picture.

Offline steelsmiter

  • Special Constable Wossname Ferret
  • Lord
  • Seducer
  • *
  • Join Date: May 2013
  • Location: At the Glorious Revolution with the People's Republic of Treacle Mine Road
  • Gender: Male
  • you don't need a reason to help people
  • My Role Play Preferences
  • View My Rolls
  • Referrals: 2
Re: Getting text to wrap around pictures
« Reply #13 on: June 18, 2013, 02:07:18 PM »
800 width is going to take up a lot of screen.  That may be a limitation of the board software to
prevent
text
from
looking
like
this
around
the
picture.

Right but i found out that I could reduce it to 200-250 and make it work. I'd show ya but it's NSFW and I'd rather not post that here.

Offline Oniya

  • StoreHouse of Useless Trivia
  • Oracle
  • Carnite
  • *
  • Join Date: Sep 2008
  • Location: Just bouncing through. Hi! City of Roses, Pennsylvania
  • Gender: Female
  • One bad Motokifuka. Also cute and FLUFFY!
  • My Role Play Preferences
  • View My Rolls
  • Referrals: 3
Re: Getting text to wrap around pictures
« Reply #14 on: June 18, 2013, 02:10:40 PM »
I understood what you meant for the work-around  :-) .  I'm just thinking that the forum software might have something built into it as a maximum size that is allowed for the floats to work.  Something like 'if image width exceeds set value, then no float.'  Only in computer talk.

Offline steelsmiter

  • Special Constable Wossname Ferret
  • Lord
  • Seducer
  • *
  • Join Date: May 2013
  • Location: At the Glorious Revolution with the People's Republic of Treacle Mine Road
  • Gender: Male
  • you don't need a reason to help people
  • My Role Play Preferences
  • View My Rolls
  • Referrals: 2
Re: Getting text to wrap around pictures
« Reply #15 on: June 18, 2013, 02:13:54 PM »
I understood what you meant for the work-around  :-) .  I'm just thinking that the forum software might have something built into it as a maximum size that is allowed for the floats to work.  Something like 'if image width exceeds set value, then no float.'  Only in computer talk.

Oh now you make me want to fiddle with it to test it, kind of the same way I play "what's the lowest level I can kill that guy without getting slaughtered". FFXII's Strat Guide said second Gilgamesh was level 72 and I killed him at 61. Of course I got the Zodiac Spear 8 levels earlier than the book suggested as well :D.