#Am struggling with Template:Multiple image to work, imported and it still is not properly working

75 messages · Page 1 of 1 (latest)

slender bone
#

Hey, I am the Technical Admin for DoveArchives, and was wondering if someone could help me out with Template:Multiple image. I've whacked at it for a bit and not gotten anywhere, and imported it a few times with transclusions from dev & from wikipedia. Neither seemed to work. I checked on another wiki and it was working perfectly on theirs but seems non-functional for DA, would very much appreciate help. (for context, it is unable to float on either side, and does not have a grey box around the multiple images, which seems to be an error in Module:Message box, though when I imported that it did not fix it).

#

Here is an example of it working properly in the documentation vs how it looks on our wiki with the same code

image.png image.png
heavy mantle
#

Please, always provide the link to your wiki, so It's easier for the volunteers to look what goes on behind the code

slender bone
heavy mantle
#

You took this from Wikipedia?

slender bone
#

I imported it yeah

heavy mantle
#

You are likely missing som important css from [MediaWiki:Common.css]

slender bone
#

You can see I imported from dev & from wikipedia in the page history, I did both with transclusions

heavy mantle
#

Checking

#

Please add

    margin: 0 0 0.5em 0.5em;
    clear: right;
    float: right;
}

.floatleft {
    margin: 0 0.5em 0.5em 0;
    float: left;
    clear: left;
}``` to: 
https://www.dovearchives.wiki/wiki/MediaWiki:Common.css
#

And feel free to add other codes from our [MediaWiki:Common.css] that you don't have in your own.

slender bone
#

To which section? Want to check I'm not messing things up, and I might grab some more then yeah, since a lot of our common.css is out of use

heavy mantle
#

Just in Miscellaneous or so. You can't really mess it up.

#

Most just add it at the bottom.

#

But can just as well be added to Infoboxes, navbar, navboxes, tables etc

slender bone
#

Put it in in misc

#

The multiple images one still doesn't seem to be functioning right

#

Here I'm going to do a massive test with the commons.css

crimson pawn
#

For the most part, from a technical standpoint, it doesn't matter what order the various stuff are in, in CSS. Any ordering is mostly for the sake of making it easier to find it for us puny humans, when needing to potentially edit it later

heavy mantle
slender bone
heavy mantle
#

No I meant, importing the MediaWiki:Common.css from our own DEV wiki

slender bone
#

Yeah I'm testing if the wikipedia commons.css functions with our wiki on the multiple images one

heavy mantle
#

They have many deprecated items, that they removed

#

so that won't work

slender bone
#

Yeah, reverted the test with the wikipedia one, can try the miraheze dev one but am going to recheck most of ours since it has some features we use a lot (like the image in the top left for a background and stuff)

slender bone
heavy mantle
#

Hmmm. Weird

#

502 error... grrr

slender bone
heavy mantle
slender bone
# heavy mantle

Yeah, it's still glitched out with that, it can't float to one side or the other and has no message box around it

heavy mantle
#

| align = center
It didn't work with "left" or "right"?

slender bone
#

You can see with a similar use of Multiple image on Wikipedia there is the box

image.png
heavy mantle
#

I thought that the code I provided would have solved that . . hmm

    margin: 0 0 0.5em 0.5em;
    clear: right;
    float: right;
}

.floatleft {
    margin: 0 0.5em 0.5em 0;
    float: left;
    clear: left;
}```
slender bone
heavy mantle
#

okay

#

<@&808094140549562368> Can one of you help out?

#

I give up

slender bone
heavy mantle
#

I'm well with templates, not with css.

#

I know a basic level, but fixing is above my know how

sudden moon
# 
.tright {
    margin: 0 0 0.5em 0.5em;
    clear: right;
    float: right;
}

.tleft {
    margin: 0 0.5em 0.5em 0;
    float: left;
    clear: left;
}```
slender bone
sudden moon
#

yup

#

floatright isnt the class used

#

it uses the classes tright and tleft

heavy mantle
#

Ah

#

So that was why

slender bone
#

It still doesn't' seem to be working after I put that in and I'm getting a lot of 502 errors

heavy mantle
#

yeah... We are having a DDos I guess

slender bone
#

You can see them still sticking and taking over the entire row

image.png
heavy mantle
#

But you need to purge the css

slender bone
#

I purged my cache after editing the CSS

heavy mantle
#

Okay

#

Open your page in Incognito (logged out)

#

It does work. It just takes time to kick in

slender bone
#

Ah okay, it didn't work when I did that same thing before but now it is

crimson pawn
#

When it comes to CSS changes in MediaWiki pages, cache purges aren't always enough, sometimes, you just have to wait for it to kick in properly

slender bone
#

Wondering why there is still no box around this

image.png
heavy mantle
#

I quite like it without boxes

slender bone
#

It's supposed to have a box though via the template so that not having them is an error

#

It's a glitch that seemingly is only happening whenever I put center

#

Gonna try fiddling with tnone

unreal lynx
# slender bone Gonna try fiddling with tnone

I don't know if you're still interested, but this topic helped me a lot, and I came to talk about how to install the box. It's with this code:

div.thumbinner { border: 1px solid var(--border-color-subtle, #c8ccd1); background-color: var(--background-color-interactive-subtle, #f8f9fa); font-size: 94%; }

slender bone
unreal lynx
slender bone
#

Looks like we might both need help on it getting it all to work, strange that it’s repeatedly this template messing things up

unreal lynx
unreal lynx
slender bone
unreal lynx