1 |
|
---|---|
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 |
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 0 players like this post! Like? |
Reset (#67889)
View Forum Posts Posted on 2021-09-23 14:36:14 |
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)! 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? 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! 0 players like this post! Like? |
KAIJU [gen 2 echo ankh] (#184582) Protector View Forum Posts Posted on 2021-09-23 14:54:14 |
Reset (#67889)
View Forum Posts Posted on 2021-09-23 15:00:49 |
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) 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 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!) 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 |
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 :) 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. 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]
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]
0 players like this post! Like? |
Random❧ (#166486)
View Forum Posts Posted on 2021-10-10 18:09:37 |
1 |
---|