Attempt 1:
<span style="font-size:; display: block; background-color: floralwhite; border: 2px solid; padding: 5px;"></span>
Attempt 2:
<span style="font-size:; display: block; background-color: floralwhite; border: 2px solid; padding: 5px;"><a></a></span>
What. I leave it for one second and it even changed my escaped code. 
Going to try something slightly different:
<span style="font-size:; display: block; background-image: url('https://media1.giphy.com/media/KztT2c4u8mYYUiMKdJ/giphy.gif'); width: 400px; height: 350px; border: 2px solid;"> </span>
alright, hello! thank you for helping me. here’s how the code ended up (just the part that is problematic);
<span style="background: #fff; margin-left: 10%; margin-right:10%; padding: 8% 8%; display:block"> <span style="font-size: 11px; color: #fab5aa; text-transform: uppercase; text-align: center; letter-spacing: 5px; background:#fff; margin-left: 10%; margin-right: 10%; padding: 1% 0%; display:block"><a></a>
and here is what the code started off as;
<span style="background: #fff; margin-left: 10%; margin-right:10%; padding: 8% 8%; display:block"> <span style="font-size: 11px; color: #fab5aa; text-transform: uppercase; text-align: center; letter-spacing: 5px; background:#fff; margin-left: 10%; margin-right: 10%; padding: 1% 0%; display:block"><a><img src="https://i.pinimg.com/originals/a7/67/59/a76759e0a03cfdeb94f420f71e401eaa.gif"></a>
yeah i know it’s messy af T-T
How many lines later do you close your span tag?
you mean when i use the </span>? i literally know nothing i apologize i actually never do, which i guess is real bad, but i remember trying that and it made no difference
Anyways, I found why Discourse does this download local copies thing.
If this setting is turned off, I think it should solve all of the coding issues you have.
@shinrili Though, for the meantime, I hope the gif in the box helps somewhat?
Yeah, that’s the closing tag. I’m curious if it makes a difference.
i don’t know if it’s totally safe to turn that off, but yeah, for the meantime i’m fine! what’s weird is that when i arranged the code in a specific manner and uploaded the image from the web it actually worked? i think i just placed the two blocks in the same line but i really don’t know why that worked
<span style="background: #fff; margin-left: 10%; margin-right:10%; padding: 8% 8%; display:block"><span style="font-size: 11px; color: #fab5aa; text-transform: uppercase; text-align: center; letter-spacing: 5px; background:#fff; margin-left: 10%; margin-right: 10%; padding: 1% 0%; display:block"><span style="font-size:; display: block; background-image: url('https://i.pinimg.com/originals/a7/67/59/a76759e0a03cfdeb94f420f71e401eaa.gif'); width: 600px; height: 200px;"> </span></span></span>
@shinrili This should work but let me know if it doesn’t.
It’s really easy to get lost when the code gets long! I still plan to investigate this more since it’s really weird that Discourse does this when images are involved.
woah! thank you for taking the time to do this, you’re awesome. i will try it out and we will learn whether it works or not in 5 mins. just a question for educational purposes; what is ? my crappy html course has never mentioned this before–
Findings so far:
No problem! is an HTML entity that encodes for a blank space. I use it a lot when coding just so I don’t have to put words in a span to make it appear.
ah, thank you, makes sense! also, it’s been 6 mins, and the system didn’t save a local copy of the image at all? i’m not complaining, though. thank you once more, you’re a savior! let me know if you figure out what in the world the system is doing with normal img src pics though
(edit: how do i shrink the image? changing the width and height values just reveals part of the image in that size ;( jesus christ code COOPERATE)
According to the Discourse source, it’s enabled to download any images after 10 minutes. I just need to do more testing to see which tags and instances are affected by it.
(For the background-image thing?)
<span style="font-size:; display: block; background-image: url('https://media1.giphy.com/media/KztT2c4u8mYYUiMKdJ/giphy.gif'); background-size: 300px 250px; width: 300px; height: 250px; border: 2px solid;"> </span>
<span style="font-size:; display: block; background-image: url('https://media1.giphy.com/media/KztT2c4u8mYYUiMKdJ/giphy.gif'); background-size: 30px 25px; width: 300px; height: 250px; border: 2px solid;"> </span>
I hope the two posts above show what different values of the background-size can do.
thankfully it’s been a while and the system spared my post. and yeah, i’m talking about the image