Template:ImageText
Contents
Description
This template allows you to add images on top of a piece of text. The element will be an inline block, meaning several can appear in one line. You can give them all a specific width and height to get a nice consistent layout.
Usage
The standard width and height is 100.
{{ ImageText | file:Nesting_MAINPAGE.png | Nesting }}
{{ ImageText | Enhanced Growth.png | Enhanced Growth }}
{{ ImageText | The Elements.png | Just a test with very very long text }}
Results:
Nesting
Enhanced Growth
Just a test with very very long text
Limiting Width
This may cause the text to overflow as seen here:
{{ImageText | Nesting_MAINPAGE.png | Nesting | w = 50 }}
{{ImageText | Enhanced Growth.png | Enhanced Growth | w = 50 }}
Result:
Nesting
Enhanced Growth
Limiting Height
Limiting height only:
{{ImageText | Nesting_MAINPAGE.png | Nesting | h = 50 }}
{{ImageText | Enhanced Growth.png | Enhanced Growth | h = 50 }}
Result:
Nesting
Enhanced Growth
Limiting Width and Height
{{ImageText | Nesting_MAINPAGE.png | Nesting | w = 50 | h = 50 }}
{{ImageText | Enhanced Growth.png | Enhanced Growth | w = 50 | h = 50 }}
Result:
Nesting
Enhanced Growth
Font Size
You might have noticed the text is often too wide for the icon... You can specify a font size:
{{ImageText | Nesting_MAINPAGE.png | Nesting | w = 80 | h = 80 | font size = 80% }}
{{ImageText | Enhanced Growth.png | Enhanced Growth | w = 80 | h = 80 | font size = 80% }}
Result:
Nesting
Enhanced Growth
