v50 Steam/Premium information for editors
  • v50 information can now be added to pages in the main namespace. v0.47 information can still be found in the DF2014 namespace. See here for more details on the new versioning policy.
  • Use this page to report any issues related to the migration.
This notice may be cached—the current version can be found here.

Template:Imagefix/doc

From Dwarf Fortress Wiki
< Template:Imagefix
Revision as of 05:28, 20 January 2023 by Zippy (talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search

The imagefix template is a very simplistic CSS-based template that simply bumps images down by a few pixels. The purpose of the template is to make images better align with the text right next to them, instead of looking like the image is slightly higher than the text. It moves the image down by 4 pixels by default, but this value can be customized by adding a second value. There is padding-right value in the template that is 8 by default (which pushes the text right of the image to be pushed further right), but this can also be customized by adding a third value.

This template is meant to be used only on left-aligned images, as using it with right-aligned images will likely break the page's format.

Syntax[edit]

The syntax of the template is typed out like this: {{imagefix|[[File:IMAGE_FILE.png]]|MARGIN|PADDING}}
The "margin" and "padding" values are optional, and one or both can be left completely blank.

Note: The "px" does not need to be added into the template's values. Just the numbers themselves.

Examples[edit]

Dog sprite.png

Template unused. Notice how this very text does not align with the image.


However, using the template with this syntax: {{imagefix|[[File:dog_sprite.png]]}} will produce this...

Dog sprite.png

Template used. Now the top pixels of the same image align properly with the text.


However, using the template with this syntax: {{imagefix|[[File:dog_sprite.png]]|10|20}} will produce this...

Dog sprite.png

Template modified. Now the image is much farther down, which in this example, is 15 pixels, while the text is pushed further to the right by 20 pixels. Again, the "margin" and "padding" values can be left blank.