Removed.

You have liked this post!

OH! This is because you have to put new code inside the box! I had this issue here but I got it fixed(ish)!

You have liked this post!

so the only way i can fix this is by putting the images in its own div box?

You have liked this post!

That's the only way I've found to fix it, I'd love to know if anyone has found a better solution though!

You have liked this post!

alright then, thank u!!

You have liked this post!

Removed.

You have liked this post!

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)

You have liked this post!

yeah actually! thats how i want it to work, so the picture is in the same box as the spoiler button

You have liked this post!

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!)

You have liked this post!

oh its a table not a div box! that makes more sense

You have liked this post!

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 :)

You have liked this post!

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.

You have liked this post!

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 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 Spoiler Test

You have liked this post!

oooo thanks man!

You have liked this post!

So, you have to use coding to get the images to work? That makes much more sense. I've been trying to do images on my newest thread for two days and had so much trouble with it. When I use the code all I get is this. I try to toggle the picture and there is no picture. Can someone explain what I'm doing wrong?

You have liked this post!