Difference between revisions of "Template:Float"
(Created page with "<includeonly><div style="position:relative;text-align:left;"><!-- --><div style="width:{{{width|}}};position:absolute; top:{{{top|0}}};right:{{{right|0}...") |
(No difference)
|
Latest revision as of 19:54, 15 July 2015
Note to editors: Please don't categorize this template by editing it directly. Instead, place the category in its documentation page, in its "includeonly" section.
|
Take care when using this template in navboxes to ensure that whatever it is used to float (e.g. an image) does not float over other elements or text if / when the navbox is resized. To align centered lists in a navbox with an image, see the alternatives for navigational boxes section below. For aligning text in general, see {{align}}. For floating images, boxes, and other elements, see {{stack}}. |
Use {{float}} to "float" itemsTemplate:Spaced ndashi.e. position themTemplate:Spaced ndashso they do not affect the alignment or formatting of other items (such as text) nearby.
-
{{float|item}}floats item on the righthand edge of a page/area. -
{{float|left|item}}floats item on the lefthand edge of a page/area. -
{{float |top= |right= |bottom= |left= |width= |item}}
|item is the only required parameter. The optional parameters top, right, bottom and left indicate how far from their respective positions the item is to be positioned. The width of the item may also be specified. Any established HTML/CSS units may be used so long as they are specified (for example, {{float |top=2.0em |left=2px |width=10em |Blah}}).
Examples
Note how the links in the second two examples are centered relative to the whole template, unlike those in the first example.
- Example 1
One-line navbox using its image parameter:
| |||||||
{{Navbox
| name = Float/doc
| state = uncollapsed
| title = [[Imperial Japanese Navy]]
| listclass = hlist
| image = [[File:Naval Ensign of Japan.svg|24px|border|Naval Ensign of Japan]]
| list1 =
* [[Imperial Japanese Navy admirals|Admirals]]
* [[Battles of the Imperial Japanese Navy|Battles]]
* [[List of ships of the Japanese Navy|Ships]]
* [[List of aircraft of the Japanese Navy|Aircraft]]
* [[List of weapons of the Japanese Navy|Weapons]]
}}
- Example 2
Same navbox using {{float}} instead of the image parameter:
| |||||
{{Navbox
| name = Float/doc
| state = uncollapsed
| title = [[Imperial Japanese Navy]]
| listclass = hlist
| list1 = {{float|top=-0.1em|[[File:Naval Ensign of Japan.svg|24px|border|Naval Ensign of Japan]]}}
* [[Imperial Japanese Navy admirals|Admirals]]
* [[Battles of the Imperial Japanese Navy|Battles]]
* [[List of ships of the Japanese Navy|Ships]]
* [[List of aircraft of the Japanese Navy|Aircraft]]
* [[List of weapons of the Japanese Navy|Weapons]]
}}
Same navbox using its image parameter and liststyle with padding-left set to the image width:
| |||||||
{{Navbox
| name = Float/doc
| state = uncollapsed
| title = [[Imperial Japanese Navy]]
| listclass = hlist
| image = [[File:Naval Ensign of Japan.svg|24px|border|Naval Ensign of Japan]]
| liststyle = padding-left: 24px
| list1 =
* [[Imperial Japanese Navy admirals|Admirals]]
* [[Battles of the Imperial Japanese Navy|Battles]]
* [[List of ships of the Japanese Navy|Ships]]
* [[List of aircraft of the Japanese Navy|Aircraft]]
* [[List of weapons of the Japanese Navy|Weapons]]
}}
