Posted by spoiler not putting image in the box

KAIJU [gen 2 echo
ankh] (#184582)

Protector
View Forum Posts


Posted on
2021-09-23 13:01:25
W1ie9sV.png

im trying to make a lion sale thread but i cant for the life of me get the spoiler tag to work? im doing the code right ( [ spoiler ] text [ /spoiler ] ) but it keeps putting the text and image outside of the div box? i really dont know what im doing wrong here



Hrt Icon 0 players like this post! Like?

Reset (#67889)


View Forum Posts


Posted on
2021-09-23 14:36:14
Removed.



Hrt Icon 0 players like this post! Like?


Edited on 23/09/21 @ 14:37:34 by Charles Xavier ⨂ (#67889)

Random❧ (#166486)


View Forum Posts


Posted on
2021-09-23 14:48:04
OH! This is because you have to put new code inside the box! I had this issue here but I got it fixed(ish)!



Hrt Icon 0 players like this post! Like?

KAIJU [gen 2 echo
ankh] (#184582)

Protector
View Forum Posts


Posted on
2021-09-23 14:51:29
so the only way i can fix this is by putting the images in its own div box?



Hrt Icon 0 players like this post! Like?

Random❧ (#166486)


View Forum Posts


Posted on
2021-09-23 14:52:24
That's the only way I've found to fix it, I'd love to know if anyone has found a better solution though!



Hrt Icon 0 players like this post! Like?

KAIJU [gen 2 echo
ankh] (#184582)

Protector
View Forum Posts


Posted on
2021-09-23 14:54:14
alright then, thank u!!



Hrt Icon 0 players like this post! Like?

Reset (#67889)


View Forum Posts


Posted on
2021-09-23 15:00:49
Removed.



Hrt Icon 0 players like this post! Like?

Myriad (#76)


View Forum Posts


Posted on
2021-09-23 15:25:01
I'm no expert because I've never bothered with span tags before, but is this the sort of thing you mean? -link- (just the very top of the post with the spoiler, ignore the table below - just reusing an ancient thread of mine to play around with the html)



Hrt Icon 0 players like this post! Like?

KAIJU [gen 2 echo
ankh] (#184582)

Protector
View Forum Posts


Posted on
2021-09-23 15:28:06
yeah actually! thats how i want it to work, so the picture is in the same box as the spoiler button



Hrt Icon 0 players like this post! Like?

Myriad (#76)


View Forum Posts


Posted on
2021-09-23 15:45:40
Ok, well I think there are definitely still some things that I haven't quite figured out yet - positioning is a bit weird - but this is what I'm using so far in the thread I linked above, if it helps at all! :)

<table style="width:100%;border:2px solid black;height:auto;padding:10px"><tr><td style="background:#3D5389;">
<span style="background:#8996B6;width:90%;border:1px solid black;float:left;margin-left:25px;margin-bottom:20px;padding:10px;height:auto;text-align:center;color:#000000;">
Spoiler test
[*spoiler]<img src="https://i.imgur.com/jxMOSK5.png" class="fitWidth">[*/spoiler]
</span></td></tr></table>

Edited to add colours to make that a bit easier to read! Red = table info, blue = span info (i.e. the little box within the main table), green = spoiler stuff (asterisks need removing from spoiler tags ofc!)



Hrt Icon 0 players like this post! Like?


Edited on 23/09/21 @ 15:51:13 by Myriad (#76)

KAIJU [gen 2 echo
ankh] (#184582)

Protector
View Forum Posts


Posted on
2021-09-23 15:49:18
oh its a table not a div box! that makes more sense



Hrt Icon 0 players like this post! Like?

Myriad (#76)


View Forum Posts


Posted on
2021-09-23 15:53:19
A table is how I did it at least, I'm not sure of alternatives - there's multiple ways for a lot of things but I'm not sure of divs for forums here :)



Hrt Icon 0 players like this post! Like?

Random❧ (#166486)


View Forum Posts


Posted on
2021-09-25 18:08:12
I have found what broke it lol, if you try to put a p style into your code for some reason the spoiler box breaks.



Hrt Icon 0 players like this post! Like?

💫 G2 4000+s FERUS
🩸 (#134223)


View Forum Posts


Posted on
2021-10-10 14:46:51
Adding on to what Cery noted, all I did was add what I had under "p-style" into the table code.

So from:

<*table style="width:100%;border:2px solid black;height:auto;padding:10px">
<*p style="text-align:center;color:#000000;font-family:Consolas;">
<*span style="background:#FFFFFF;width:90%;border:1px solid black;float:left;margin-left:25px;margin-bottom:20px;padding:10px;height:auto;text-align:center;color:#000000;">Spoiler Test
[*spoiler]Spoiler Test[*/spoiler]



Spoiler Test



To:

<*table style="width:100%;border:2px solid black;height:auto;padding:10px;text-align:center;color:#000000;font-family:Consolas;">
<*span style="background:#FFFFFF;width:90%;border:1px solid black;float:left;margin-left:25px;margin-bottom:20px;padding:10px;height:auto;text-align:center;color:#000000;">Spoiler Test
[*spoiler]Spoiler Test[*/spoiler]


Spoiler Test



Hrt Icon 0 players like this post! Like?

Random❧ (#166486)


View Forum Posts


Posted on
2021-10-10 18:09:37
oooo thanks man!



Hrt Icon 0 players like this post! Like?







Memory Used: 620.81 KB - Queries: 0 - Query Time: 0.00000 - Total Time: 0.00388s