Quelltext der Seite Vorlage:Float/doc

{{Documentation subpage}}
<!---PLEASE ADD METADATA TO THE <includeonly> SECTION AT THE BOTTOM OF THIS PAGE--->
{{Ombox|type=notice|text=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|alternatives for navigational boxes]] section below.  For aligning text in general, see {{tl|align}}.  For floating images, boxes, and other elements, see {{tl|stack}}.}}

Use {{tl|float}} to "float" items&nbsp;- i.e. position them&nbsp;- so they do not affect the alignment or formatting of other items (such as text) nearby.

* <code><nowiki>{{float|</nowiki>{{bigger|item}}}}</code> floats item on the righthand edge of a page/area.
* <code><nowiki>{{float|left|</nowiki>{{bigger|item}}}}</code> floats item on the lefthand edge of a page/area.
* <code><nowiki>{{float |top= |right= |bottom= |left= |width= |</nowiki>{{bigger|item}}}}</code>

{{para||{{bigger|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, <code><nowiki>{{float |top=2.0em |left=2px |width=10em |Blah}}</nowiki></code>). <!--Unnecessary?: Note that if any values other than zero for ''top'' and ''right'' are required, they need to be specified.-->

===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 [[Template:Navbox|navbox]] using its image parameter:
{{Navbox
| name = Float/doc
| state = uncollapsed
| title = Title for box
| listclass = hlist
| list1 = {{float|top=-0.1em|[[File:{{Image mapper|Nuvola apps bookcase}}|24px|border|Naval Ensign of Japan]]}}
* Bullet 1
* Bullet 2
* Bullet 3
* Bullet 4
* Bullet 5
}}
{{Hidden begin |showhide=left |title=Code for Example 1}}
<pre>
{{Navbox
| name = Float/doc
| state = uncollapsed
| title = Title for box
| listclass = hlist
| list1 = {{float|top=-0.1em|[[File:{{Image mapper|Nuvola apps bookcase}}|24px|border|Naval Ensign of Japan]]}}
* Bullet 1
* Bullet 2
* Bullet 3
* Bullet 4
* Bullet 5
}}
</pre>
{{Hidden end}}

; Example 2
Same navbox using {{tlf|float}} instead of the image parameter:
{{Navbox
| name = Float/doc
| state = uncollapsed
| title = Title for box
| listclass = hlist
| list1 = {{float|top=-0.1em|[[File:{{Image mapper|Nuvola apps bookcase}}|24px|border|Naval Ensign of Japan]]}}
* Bullet 1
* Bullet 2
* Bullet 3
* Bullet 4
* Bullet 5
}}
{{Hidden begin |showhide=left |title=Code for Example 2}}
<pre>
{{Navbox
| name = Float/doc
| state = uncollapsed
| title = Title for box
| listclass = hlist
| list1 = {{float|top=-0.1em|[[File:{{Image mapper|Nuvola apps bookcase}}|24px|border|Naval Ensign of Japan]]}}
* Bullet 1
* Bullet 2
* Bullet 3
* Bullet 4
* Bullet 5
}}
</pre>
{{Hidden end}}

== Alternatives for navigational boxes ==
Same navbox using its image parameter and liststyle with padding-left set to the image width:
{{Navbox
| name = Float/doc
| state = uncollapsed
| title = Title for box
| listclass = hlist
| list1 = {{float|top=-0.1em|[[File:{{Image mapper|Nuvola apps bookcase}}|24px|border|Naval Ensign of Japan]]}}
* Bullet 1
* Bullet 2
* Bullet 3
* Bullet 4
* Bullet 5
}}
{{Hidden begin |showhide=left |title=Code}}
<pre>
{{Navbox
| name = Float/doc
| state = uncollapsed
| title = Title for box
| listclass = hlist
| list1 = {{float|top=-0.1em|[[File:{{Image mapper|Nuvola apps bookcase}}|24px|border|Naval Ensign of Japan]]}}
* Bullet 1
* Bullet 2
* Bullet 3
* Bullet 4
* Bullet 5
}}
</pre>
{{Hidden end}}

== See also ==
* {{tl|align}}
* {{tl|stack}}

<includeonly>{{#ifeq:{{SUBPAGENAME}}|sandbox||
[[Category:Text manipulation templates]]
}}</includeonly>