You are either not logged in or not registered with our community. Click here to register.
 
December 02, 2016, 04:38:04 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: Using floatright and floatleft  (Read 557 times)

0 Members and 1 Guest are viewing this topic.

Online StarcryTopic starter

  • ~♥Mistress Of Insanity♥~ | ~♥Sleeper Creeper♥~ | ~♥Britbong♥~ | ~♥Fujoshi♥~
  • Dame
  • Enchanter
  • *
  • Join Date: Jun 2012
  • Location: ~Bongland~
  • Gender: Female
  • Mad as a hatter but twice as twisted
  • My Role Play Preferences
  • View My Rolls
  • Referrals: 0
Using floatright and floatleft
« on: September 17, 2012, 03:02:21 PM »
I am revamping my ons and offs thread and wanted to do something with it that isn't quite working.

I want to put an image one side and then have text next to it. I want to have it keep switching sides so it's left for ons, right for offs and left again for maybes. However when I tried the code it keeps messing up. (Keeps jumbling together or going pushing the writing too far away.) I am not sure where I am going wrong, but I am hoping someone can help me please.

Offline Lilias

Re: Using floatright and floatleft
« Reply #1 on: September 17, 2012, 03:04:46 PM »
There is a helpful tutorial here.

Offline Kyrsa

Re: Using floatright and floatleft
« Reply #2 on: September 17, 2012, 03:13:31 PM »
After looking over the tutorial if you have any specific questions or need help figuring it out feel free to send me a PM.  I'd be happy to go over the code with you.

Online StarcryTopic starter

  • ~♥Mistress Of Insanity♥~ | ~♥Sleeper Creeper♥~ | ~♥Britbong♥~ | ~♥Fujoshi♥~
  • Dame
  • Enchanter
  • *
  • Join Date: Jun 2012
  • Location: ~Bongland~
  • Gender: Female
  • Mad as a hatter but twice as twisted
  • My Role Play Preferences
  • View My Rolls
  • Referrals: 0
Re: Using floatright and floatleft
« Reply #3 on: September 17, 2012, 03:18:22 PM »
Thank you both!

Offline Geraint

  • Propigator of Plot Bunnies, RomanceCrack Dealer and Sireneous Wayword Muse Also Accused Plot Demon Breeder of Plotweilers ...
  • Knight
  • Enchanter
  • *
  • Join Date: Mar 2011
  • Location: Someplace Historical, Hysterical, or Fantastic
  • Gender: Male
  • "There's no rush...but I can't wait."
  • My Role Play Preferences
  • View My Rolls
  • Referrals: 0
Re: Using floatright and floatleft
« Reply #4 on: September 17, 2012, 06:30:38 PM »
As someone who alternates right and left floats a lot, I have a pretty good idea what your problem may be, and it's not covered in the tutorial.

Unless you consistently have enough text to surround the floated item, the floats will start floating around each other, which is what causes the effects you describe. 

The solution is simple.  When you are finished with the text for a float, you should end it with this tag.

Code: [Select]
[clearboth]

That will allow the next float (be it right or left) to start fresh, right after the bottom of the text or the bottom of the picture, whichever is lower,  rather than within the previous float.

Offline Oreo

Re: Using floatright and floatleft
« Reply #5 on: September 17, 2012, 07:21:40 PM »
That's a great tip, Geraint. I'll have to give it a try. It sounds much easier than putting it all in tables.

Offline Geraint

  • Propigator of Plot Bunnies, RomanceCrack Dealer and Sireneous Wayword Muse Also Accused Plot Demon Breeder of Plotweilers ...
  • Knight
  • Enchanter
  • *
  • Join Date: Mar 2011
  • Location: Someplace Historical, Hysterical, or Fantastic
  • Gender: Male
  • "There's no rush...but I can't wait."
  • My Role Play Preferences
  • View My Rolls
  • Referrals: 0
Re: Using floatright and floatleft
« Reply #6 on: September 18, 2012, 09:43:52 AM »
That's a great tip, Geraint. I'll have to give it a try. It sounds much easier than putting it all in tables.

You're welcome, milady.  I use it in my O/Os thread a lot, and occasional in play, though it only works easily for two columns, if used for that.   

And it was actually one of the first tidbits I picked up here in this forum.

See here and then posts 1 and 3 here
« Last Edit: September 18, 2012, 10:06:24 AM by Geraint »

Offline Oreo

Re: Using floatright and floatleft
« Reply #7 on: September 18, 2012, 11:40:58 AM »
I have to laugh at myself since I clearly only remembered the [ you] tag.

Offline Kyrsa

Re: Using floatright and floatleft
« Reply #8 on: September 18, 2012, 11:52:50 AM »
I have to laugh at myself since I clearly only remembered the [ you] tag.

It's not just you. I somehow completely missed the clear tags. >.>

Offline Geraint

  • Propigator of Plot Bunnies, RomanceCrack Dealer and Sireneous Wayword Muse Also Accused Plot Demon Breeder of Plotweilers ...
  • Knight
  • Enchanter
  • *
  • Join Date: Mar 2011
  • Location: Someplace Historical, Hysterical, or Fantastic
  • Gender: Male
  • "There's no rush...but I can't wait."
  • My Role Play Preferences
  • View My Rolls
  • Referrals: 0
Re: Using floatright and floatleft
« Reply #9 on: September 18, 2012, 01:24:47 PM »
The [ you ] tag clearly had a better PR agent. ;)


... not to mention being a lot of fun.  ;)