Bortas
So this bit of code loads fine on chrome, but in firefox, the image never shows. I've gone to the image URL directly, and firefox can display it, it just won't show in my OP page. Any thoughts?
CSS:
@.banner {
width:90%;
position:relative;
margin:0 auto;
box-shadow:0 10px 10px 4px rgba(0,0,0,0.3);
content: url("http://bortas.net/storage/OP_Morwindl/animated_banner.svg");
} /* Class for calling the campaign title banner, but with a drop shadow*/@
HTML:
@@
TIA,
-bort
"Morwindl":https://morwindl.obsidianportal.com/
Comments
-Abersade
DM of "Rise of the Durnskald - Wrath of the Fallen Goddess":https://rise-of-the-durnskald.obsidianportal.com/
GM of Rise of the Durnskald: Wrath of the Fallen Goddess - February 2016 CotM
GM of Core: The Ashes of Alcarna - April 2020 CotM
GM of Stream of Kairos
Need CSS Help? It may be covered here: Abersade's CSS Hub
CSS:
bc. /* Banner Test Bort */
.bannertestbort {
width:90%;
position:relative;
margin:0 auto;
box-shadow:0 10px 10px 4px rgba(0,0,0,0.3);
content: url("http://bortas.net/storage/OP_Morwindl/animated_banner.svg");}
.bannerboxmin{
content: " ";
display: block;
height: 160px;
background-image: url(https://db4sgowjqfwig.cloudfront.net/campaigns/62189/assets/450843/bannerbort.jpg?1429637117);
width: 100%;
background-size: 100% 100%;}
HTML:
bc.
I realize that this isn't terribly helpful, sorry I couldn't do more but I think ChainsawXIV is right.
EDIT: I couldn't get the bc. method described by Chainsaw to work so I've done it using the "@" symbol.
EDIT #2: Using "http://txstyle.org/doc/4/block-code":http://txstyle.org/doc/4/block-code I figured out what the issue was. To use the "bc. " code you cannot place it on the first line of code, it has to be on the "title" line (in this case the lines that say CSS: and HTML:). Neat!
EDIT #3: It looks like Bortas used it on the first line of code, as "CSS" isn't in the block. When I tried that it didn't work at all.
EDIT #4: Eureka! So, to use it correctly you CAN place it on the first line of your code block, but there must be a line break in between your code block and whatever line is above it.
This means that this doesn't work:
bc. CSS:
bc. /* Banner Test Bort */
which looks like this:
CSS:
bc. /* Banner Test Bort */
Hopefully that is helpful for anyone who should happen upon this thread.
-Abersade
DM of "Rise of the Durnskald - Wrath of the Fallen Goddess":https://rise-of-the-durnskald.obsidianportal.com/
GM of Rise of the Durnskald: Wrath of the Fallen Goddess - February 2016 CotM
GM of Core: The Ashes of Alcarna - April 2020 CotM
GM of Stream of Kairos
Need CSS Help? It may be covered here: Abersade's CSS Hub
GM of Rise of the Durnskald: Wrath of the Fallen Goddess - February 2016 CotM
GM of Core: The Ashes of Alcarna - April 2020 CotM
GM of Stream of Kairos
Need CSS Help? It may be covered here: Abersade's CSS Hub
GM of Rise of the Durnskald: Wrath of the Fallen Goddess - February 2016 CotM
GM of Core: The Ashes of Alcarna - April 2020 CotM
GM of Stream of Kairos
Need CSS Help? It may be covered here: Abersade's CSS Hub
-bort
"Morwindl":https://morwindl.obsidianportal.com
Campaign of the Year - 2018