Home › Discussions › Campaign Portal Building › Custom CSS Discussions › Placing multip animated Gifs on One page - Custom CSS Discussions Discussions on Obsidian Portal Community Forums
Placing multip animated Gifs on One page
I can get one image to work but if i place a second one that image does not show. Any ideas?
Keelah Se'lai,
Keryth
(1).jpg)
Campaign of the Month
August 2021
City of Splendors. Dungeon of Madness.
Read the feature post on the blog!
Or return to Obsidian Portal!
Howdy, Stranger!
It looks like you're new here. If you want to get involved, click one of these buttons!
Comments
Do you have an example page?
Obsidian Portal Developer
Image below is two different animated gifs on a background but only the first one shows. The second only shows if I remove the first one.
Keelah Se'lai,
Keryth
Can you post the link to the page, so I can inspect HTML? If you don't want to post the page itself, can you create a "dummy" or "test" page that has just the GIFs on it that are giving the trouble and post the link to that?
Obsidian Portal Developer
Was trying to accomplish the same thing- please share the solve for this.....
Just trying to help out. Changed name from killervp to Gaming Megaverse to match other sites.
Link
Keelah Se'lai,
Keryth
I see it! On the "style" attribute, you need to close the quotes (").
MainImagePart1 should have a quote after:
;border-radius:6px;padding:2px;
Right now, it's taking the opening quote from the next div (your second gif) and assuming that goes for the first div, and then ignoring all the other parts of that div. If you add that quote, the second div should start working/showing.
Obsidian Portal Developer
That did it. Thanks
Keelah Se'lai,
Keryth
Happy to help.
That page is looking nice!
Obsidian Portal Developer
"I met a traveller from an antique land....."
CotM May 2016: Mysteria: set in Wolfgang Baur’s MIDGARD.
Previous CotM Aug 2012: Shimring: High Level Multiplanar Campaign
Inner Council Member