You are either not logged in or not registered with our community. Click here to register.
 
October 02, 2022, 04:10:04 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 Platinum Send us your theme!

Wiki Blogs Dicebot

Author Topic: Float Vs Spoiler: FIGHT!  (Read 1728 times)

0 Members and 1 Guest are viewing this topic.

Offline ChaoticSkyTopic starter

  • All and None
  • Dame
  • Seducer
  • *
  • Join Date: May 2009
  • Gender: Female
  • *hiss*
  • View My Rolls
  • Referrals: 1
Float Vs Spoiler: FIGHT!
« on: August 17, 2017, 09:37:57 pm »
So...

I'm about, 90% sure that at some point in the past, you could have a floating image on one side and then have spoilered text on the other, and when you opened the spoiler, it didnt effect the image... because float.

But i just noticed today that thats not happening anymore. Now if you open a spoiler it displaces floating images, or the spoiler is displaced by the image depending on which came first. It makes me think that ['float] is not respecting ['spoiler] and treating it like a thing to be floated around. Instead they displace as if the image wasnt floating at all.


Example;

This is a example

This is a spoiler
TestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTes tTestTestTestTestTestTestTestTestTestTest TestTes TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest estTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTe stTestTestTestTestTestT estTestTestTestTestTestTestTestTes tTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTest TestTest Test estTestTestTestTestTestTestTestTestTes tTestTestTestTestTestTestTestTestTestTestTes tTestTestTestTestTestTest estTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTe stTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTe stTes tTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestT estTestTestTestTestTestTestTestTestTestTestTes tTestTestTestTestTestTestTestTest



See how the spoiler moves instead of simply displaying beside the picture?

Is there any way around this?

Offline RedPhoenix

Re: Float Vs Spoiler: FIGHT!
« Reply #1 on: August 17, 2017, 09:59:01 pm »
Would making it part of a table like this work for you?



This is a spoiler
TestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTes tTestTestTestTestTestTestTestTestTestTest TestTes TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest estTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTe stTestTestTestTestTestT estTestTestTestTestTestTestTestTes tTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTest TestTest Test estTestTestTestTestTestTestTestTestTes tTestTestTestTestTestTestTestTestTestTestTes tTestTestTestTestTestTest estTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTe stTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTe stTes tTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestT estTestTestTestTestTestTestTestTestTestTestTes tTestTestTestTestTestTestTestTest

Offline ChaoticSkyTopic starter

  • All and None
  • Dame
  • Seducer
  • *
  • Join Date: May 2009
  • Gender: Female
  • *hiss*
  • View My Rolls
  • Referrals: 1
Re: Float Vs Spoiler: FIGHT!
« Reply #2 on: August 17, 2017, 10:46:07 pm »
Would making it part of a table like this work for you?



This is a spoiler
TestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTes tTestTestTestTestTestTestTestTestTestTest TestTes TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest estTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTe stTestTestTestTestTestT estTestTestTestTestTestTestTestTes tTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTest TestTest Test estTestTestTestTestTestTestTestTestTes tTestTestTestTestTestTestTestTestTestTestTes tTestTestTestTestTestTest estTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTe stTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTe stTes tTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestT estTestTestTestTestTestTestTestTestTestTestTes tTestTestTestTestTestTestTestTest
Thats pretty clever!

But unfortunately it also seems to de-float the image. If its on the left like you have done, it works fine, but if its on the right (where it is in my example) Then it displaces everything other than the spoiled text. Anything that isnt part of the spoiler gets moved to the bottom of the image, as if it didnt have float.

Offline RedPhoenix

Re: Float Vs Spoiler: FIGHT!
« Reply #3 on: August 17, 2017, 10:51:14 pm »
Oh shoot I didn't realize that. >.<

Welp. :(

Offline ChaoticSkyTopic starter

  • All and None
  • Dame
  • Seducer
  • *
  • Join Date: May 2009
  • Gender: Female
  • *hiss*
  • View My Rolls
  • Referrals: 1
Re: Float Vs Spoiler: FIGHT!
« Reply #4 on: August 18, 2017, 05:07:46 pm »
Oh shoot I didn't realize that. >.<

Welp. :(
Thanks for trying ^^

Offline NightLux

  • Big Bright Night Light
  • Knight
  • Seducer
  • *
  • Join Date: Aug 2015
  • Location: DFW Area, Texas
  • Gender: Male
  • Though darkness surrounds me, I still shine.
  • View My Rolls
  • Referrals: 0
Re: Float Vs Spoiler: FIGHT!
« Reply #5 on: August 23, 2017, 05:03:03 pm »
You mean like this?  Just a warning, you won't be able to close it once you open the spoiler as I wanted to make sure this limitation was noted by extending the text by... I think three times?

This is a spoiler
TestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTes tTestTestTestTestTestTestTestTestTestTest TestTes TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest estTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTe stTestTestTestTestTestT estTestTestTestTestTestTestTestTes tTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTest TestTest Test estTestTestTestTestTestTestTestTestTes tTestTestTestTestTestTestTestTestTestTestTes tTestTestTestTestTestTest estTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTe stTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTe stTes tTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestT estTestTestTestTestTestTestTestTestTestTestTes tTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTes tTestTestTestTestTestTestTestTestTestTest TestTes TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest estTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTe stTestTestTestTestTestT estTestTestTestTestTestTestTestTes tTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTest TestTest Test estTestTestTestTestTestTestTestTestTes tTestTestTestTestTestTestTestTestTestTestTes tTestTestTestTestTestTest estTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTe stTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTe stTes tTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestT estTestTestTestTestTestTestTestTestTestTestTes tTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTes tTestTestTestTestTestTestTestTestTestTest TestTes TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest estTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTe stTestTestTestTestTestT estTestTestTestTestTestTestTestTes tTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTest TestTest Test estTestTestTestTestTestTestTestTestTes tTestTestTestTestTestTestTestTestTestTestTes tTestTestTestTestTestTest estTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTe stTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTe stTes tTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestT estTestTestTestTestTestTestTestTestTestTestTes tTestTestTestTestTestTestTestTest



CODE!
Code: [Select]
[floatright]
[table]
[tr]
[td][spoiler=This is a spoiler]
TestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTes tTestTestTestTestTestTestTestTestTestTest TestTes TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest estTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTe stTestTestTestTestTestT estTestTestTestTestTestTestTestTes tTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTest TestTest Test estTestTestTestTestTestTestTestTestTes tTestTestTestTestTestTestTestTestTestTestTes tTestTestTestTestTestTest estTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTe stTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTe stTes tTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestT estTestTestTestTestTestTestTestTestTestTestTes tTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTes tTestTestTestTestTestTestTestTestTestTest TestTes TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest estTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTe stTestTestTestTestTestT estTestTestTestTestTestTestTestTes tTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTest TestTest Test estTestTestTestTestTestTestTestTestTes tTestTestTestTestTestTestTestTestTestTestTes tTestTestTestTestTestTest estTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTe stTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTe stTes tTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestT estTestTestTestTestTestTestTestTestTestTestTes tTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTes tTestTestTestTestTestTestTestTestTestTest TestTes TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest estTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTe stTestTestTestTestTestT estTestTestTestTestTestTestTestTes tTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTest TestTest Test estTestTestTestTestTestTestTestTestTes tTestTestTestTestTestTestTestTestTestTestTes tTestTestTestTestTestTest estTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTe stTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTe stTes tTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestT estTestTestTestTestTestTestTestTestTestTestTes tTestTestTestTestTestTestTestTest[/spoiler][/td]
[td][img width=500]http://www.maciejratajski.com/sites/default/files/work/image/ratajski-this-is-an-image-of-a-setence.jpg[/img][/td]
[/tr]
[/table]
[/floatright][clearright]


There are a few caveats/notes though:
  • For some reason, having the spoiler extend open to the left doesn't generate the scroll bar in Chrome (at least).  But if you were to put the image cell (last line) first and change the floatright to floatleft, you'd basically flip it and that does create the scroll bar for some reason.
  • If you flip the right or left, make sure you also change the clearright to clearleft or vice versa.
  • And since we're using tables, just remember that its going to add a certain level of padding around each "cell" so if you add padding to your image, you'll get more than you expect.  There's also a few peculiar things with tables, but this is pretty much the only way I know to get what you're looking for.

So in summation - use tables and make sure you float left, not right.  And it'll look like this:

This is a spoiler
TestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTes tTestTestTestTestTestTestTestTestTestTest TestTes TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest estTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTe stTestTestTestTestTestT estTestTestTestTestTestTestTestTes tTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTest TestTest Test estTestTestTestTestTestTestTestTestTes tTestTestTestTestTestTestTestTestTestTestTes tTestTestTestTestTestTest estTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTe stTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTe stTes tTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestT estTestTestTestTestTestTestTestTestTestTestTes tTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTes tTestTestTestTestTestTestTestTestTestTest TestTes TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest estTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTe stTestTestTestTestTestT estTestTestTestTestTestTestTestTes tTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTest TestTest Test estTestTestTestTestTestTestTestTestTes tTestTestTestTestTestTestTestTestTestTestTes tTestTestTestTestTestTest estTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTe stTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTe stTes tTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestT estTestTestTestTestTestTestTestTestTestTestTes tTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTes tTestTestTestTestTestTestTestTestTestTest TestTes TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest estTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTe stTestTestTestTestTestT estTestTestTestTestTestTestTestTes tTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTest TestTest Test estTestTestTestTestTestTestTestTestTes tTestTestTestTestTestTestTestTestTestTestTes tTestTestTestTestTestTest estTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTe stTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTe stTes tTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestT estTestTestTestTestTestTestTestTestTestTestTes tTestTestTestTestTestTestTestTest



CODE!
This is a spoiler
TestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTes tTestTestTestTestTestTestTestTestTestTest TestTes TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest estTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTe stTestTestTestTestTestT estTestTestTestTestTestTestTestTes tTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTest TestTest Test estTestTestTestTestTestTestTestTestTes tTestTestTestTestTestTestTestTestTestTestTes tTestTestTestTestTestTest estTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTe stTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTe stTes tTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestT estTestTestTestTestTestTestTestTestTestTestTes tTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTes tTestTestTestTestTestTestTestTestTestTest TestTes TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest estTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTe stTestTestTestTestTestT estTestTestTestTestTestTestTestTes tTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTest TestTest Test estTestTestTestTestTestTestTestTestTes tTestTestTestTestTestTestTestTestTestTestTes tTestTestTestTestTestTest estTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTe stTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTe stTes tTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestT estTestTestTestTestTestTestTestTestTestTestTes tTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTes tTestTestTestTestTestTestTestTestTestTest TestTes TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest estTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTe stTestTestTestTestTestT estTestTestTestTestTestTestTestTes tTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTest TestTestTestTestTestTest TestTest Test estTestTestTestTestTestTestTestTestTes tTestTestTestTestTestTestTestTestTestTestTes tTestTestTestTestTestTest estTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTe stTestTestTestTestTestTestTestTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTe stTes tTestTest TestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestTestT estTestTestTestTestTestTestTestTestTestTestTes tTestTestTestTestTestTestTestTest

[/code]
« Last Edit: August 23, 2017, 05:04:06 pm by NightLux »

Offline ChaoticSkyTopic starter

  • All and None
  • Dame
  • Seducer
  • *
  • Join Date: May 2009
  • Gender: Female
  • *hiss*
  • View My Rolls
  • Referrals: 1
Re: Float Vs Spoiler: FIGHT!
« Reply #6 on: August 23, 2017, 07:44:31 pm »
We already tried tables, sorry. Using a table basically 'defloats' the image. It keeps it in step with the spoiler beside of it, but displaces all other text. Which is undesirable.

Offline Sprikut

  • Lord
  • Enchanted
  • *
  • Join Date: Jun 2014
  • Location: Canadia
  • Gender: Male
  • Sci-Fi. Pew pew lasers WOOO!
  • View My Rolls
  • Referrals: 0
Re: Float Vs Spoiler: FIGHT!
« Reply #7 on: August 24, 2017, 12:19:59 am »
If you refuse to use a table. Best you can do is float the spoiler left and then restrict its contents to sentences narrower than a certain width. This of course breaks at different screen resolutions. Alternatively I suppose you could spoil a picture of your text and resize that image but thats super wierd and inaccessible so you really shouldnt try it.

Edit: I broke something... along the way...testing.
Edit 2: Turns out preview renders a little differently than it does in full post


 

This is a spoiler


Test Test vTest Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test
Test Test Test Test Test Test Test Test Test Test
Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test
Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test
Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test
Test Test vTest Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test
Test Test vTest Test Test Test Test Test Test Test Test Test Test Test Test
Test Test vTest Test Test Test Test Test Test Test Test Test Test Test Test Test
Test Test vTest Test Test Test Test Test Test Test Test Test Test Test Test Test Tes

Test Test vTest Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Te


« Last Edit: August 24, 2017, 12:35:23 am by Sprikut »

Offline mia h

  • Suspended
  • Enchanter
  • *
  • Join Date: Sep 2012
  • Gender: Female
  • Sorry, what was the question again?
  • View My Rolls
  • Referrals: 0
Re: Float Vs Spoiler: FIGHT!
« Reply #8 on: August 24, 2017, 07:04:09 am »
What you want would be incredibly simple using HTML. BBCode is basically a subset of HTML but it's missing all of the bits you'd need to make this work.

Offline ChaoticSkyTopic starter

  • All and None
  • Dame
  • Seducer
  • *
  • Join Date: May 2009
  • Gender: Female
  • *hiss*
  • View My Rolls
  • Referrals: 1
Re: Float Vs Spoiler: FIGHT!
« Reply #9 on: August 24, 2017, 03:45:33 pm »
If you refuse to use a table.

It is less a matter of refusing, and more a case that using a Table does not accomplish what i wanted to do.

What you want would be incredibly simple using HTML. BBCode is basically a subset of HTML but it's missing all of the bits you'd need to make this work.

Actually it used to work. Which was my original question.

To reiterate;

At some point in the past, on this site, spoilers were respected by float, and treated like any other text (that is to say, you could have a paragraph of text in a spoiler and having it closed, open, above, below, etc, would not effect a floating image in the same sense that regular text doesnt). I actually double checked when i noticed it happening, getting some old sheets from RPs on this site that i had made, and sure enough they do not work the way they did when i made them. I am not sure how, when or why this changed.

But now Spoilers seem to bypass Float, and will either displace floating images or be displaced by them... unless you put them in a table, in which case the table displaces everything else, effectively de-floating the image. A part of me wants to assume its simply a matter of order or operations... that spoiler is superseding float, rather than being superseded by it, but it has been almost ten years since i used HTML for anything so god only knows at this point.

The question of this topic was if anyone knew a way around this, some trick or combination of BBcode tags to restore the original functionality.... which it seems not.