Btukfyl

Currently, one of the templates used generates an icon/image by compiling multiple images together. This allows for the individual images used within the resulting template image to be interchanged.

Some sample code is below:

<div style="position:relative;display:inline-block;padding:5px">

    <div style="display:block; user-select:none">[[File:{{#switch: {{lc:{{{1|}}}}}

        | 1 | choiceOne | one = Choice1

        | 2 | choiceTwo | two = Choice2

        | Choice1

    }} image.png| 128px]]</div>

    <div style="display:block; user-select:none; position:absolute;top:28px;left:16px">{{#if: {{{2|}}} | {{#switch: {{lc:{{{2|}}}}}

        | 1 | choiceOne = [[File:someImage1.png|34px]]

        | 2 | choiceTwo = [[File:someImage2.png|34px]]

    }}}}</div>

 </div>

The problem is it is hard to scale these images based on a third option (for the template). A workaround that was attempted was {{#expr:floor({{#expr:34*({{{3|}}}/100)}})}} | 34 }}px in place of 34px/128px/28px (with the numbers corresponding to what the default size was).

This floor/scaling expression would be used for both the position (for the second div) along with the image sizes to scale everything in the resulting template image.

The floor was used because MediaWiki does not seem to accept decimal values for pixel size. Is there a way I can make this multi-image template scale fine - preferably by pixel size (e.g., 64px would halve all the values) or by % scale? Thanks.