imported>Oetterer am 21. Februar 2018 um 10:25 Uhr

2018-02-21T10:25:53Z

← Nächstältere Version		Version vom 21. Februar 2018, 12:25 Uhr
Zeile 39:		Zeile 39:
	--><pre>		--><pre>
	=====''Lorem''=====		=====''Lorem''=====
	[[File:Shuttle~~.png~~\|thumb\|right\|Example 1a]]		[[File:{{Image mapper\|Shuttle}}\|thumb\|right\|Example 1a]]
	[[File:Shuttle~~.png~~\|thumb\|right\|Example 1b]]		[[File:{{Image mapper\|Shuttle}}\|thumb\|right\|Example 1b]]
	... text ...		... text ...

	=====''Lorem''=====		=====''Lorem''=====
	[[File:Shuttle~~.png~~\|thumb\|left\|Example 1c]]		[[File:{{Image mapper\|Shuttle}}\|thumb\|left\|Example 1c]]
	... text ...		... text ...

Zeile 55:		Zeile 55:
	--><pre>		--><pre>
	=====''Lorem''=====		=====''Lorem''=====
	{{stack \|[[File:Shuttle~~.png~~\|thumb\|right\|Example 2a]] [[File:Shuttle~~.png~~\|thumb\|right\|Example 2b]]}}		{{stack \|[[File:{{Image mapper\|Shuttle}}\|thumb\|right\|Example 2a]] [[File:{{Image mapper\|Shuttle}}\|thumb\|right\|Example 2b]]}}
	... text ...		... text ...

	=====''Lorem''=====		=====''Lorem''=====
	[[File:Shuttle~~.png~~\|thumb\|left\|Example 2c]]		[[File:{{Image mapper\|Shuttle}}\|thumb\|left\|Example 2c]]
	... text ...		... text ...

Zeile 73:		Zeile 73:
	----		----
	=====''Lorem''=====		=====''Lorem''=====
	[[File:Shuttle~~.png~~\|thumb\|right\|Example 1b]]		[[File:{{Image mapper\|Shuttle}}\|thumb\|right\|Example 1b]]
	[[File:Shuttle~~.png~~\|thumb\|right\|Example 2b]]		[[File:{{Image mapper\|Shuttle}}\|thumb\|right\|Example 2b]]
	''{{Lorem}}''		''{{Lorem}}''

	=====''Lorem''=====		=====''Lorem''=====
	[[File:Shuttle~~.png~~\|thumb\|left\|Example 3b]]		[[File:{{Image mapper\|Shuttle}}\|thumb\|left\|Example 3b]]
	''{{Lorem}}''		''{{Lorem}}''

Zeile 91:		Zeile 91:
	----		----
	=====''Lorem''=====		=====''Lorem''=====
	{{stack{{#ifeq:{{{1\|}}}\|sandbox \|/sandbox}} \|[[File:Shuttle~~.png~~\|thumb\|right\|Example 1a]] [[File:Shuttle~~.png~~\|thumb\|right\|Example 2a]]}}		{{stack{{#ifeq:{{{1\|}}}\|sandbox \|/sandbox}} \|[[File:{{Image mapper\|Shuttle}}\|thumb\|right\|Example 1a]] [[File:{{Image mapper\|Shuttle}}\|thumb\|right\|Example 2a]]}}
	''{{Lorem}}''		''{{Lorem}}''

	=====''Lorem''=====		=====''Lorem''=====
	[[File:Shuttle~~.png~~\|thumb\|left \|Example 3a]]		[[File:{{Image mapper\|Shuttle}}\|thumb\|left \|Example 3a]]
	''{{Lorem}}''		''{{Lorem}}''

Zeile 108:		Zeile 108:
	----		----
	{{tlf\|Stack}} can also be used to float one or more images across a page.		{{tlf\|Stack}} can also be used to float one or more images across a page.
	{{stack{{#ifeq:{{{1\|}}}\|sandbox \|/sandbox}} \|[[File:Shuttle~~.png~~\|40px]]}}		{{stack{{#ifeq:{{{1\|}}}\|sandbox \|/sandbox}} \|[[File:{{Image mapper\|Shuttle}}\|40px]]}}
	{{stack{{#ifeq:{{{1\|}}}\|sandbox \|/sandbox}} \|[[File:Shuttle~~.png~~\|60px]]}}		{{stack{{#ifeq:{{{1\|}}}\|sandbox \|/sandbox}} \|[[File:{{Image mapper\|Shuttle}}\|60px]]}}
	<pre style="width:25.0em;overflow:auto;">		<pre style="width:25.0em;overflow:auto;">
	{{stack\|[[File:Shuttle~~.png~~\|40px]]}}		{{stack\|[[File:{{Image mapper\|Shuttle}}\|40px]]}}
	{{stack\|[[File:Shuttle~~.png~~\|60px]]}}		{{stack\|[[File:{{Image mapper\|Shuttle}}\|60px]]}}
	</pre>		</pre>
	It might take some experience to learn how the box area floats, in combination with various images or [[WP:Wikitables\|wikitables]] on a page. {{tlf\|Stack}}'s operation is very quick, as it uses an [[HTML]] <table> to achieve its effects.		It might take some experience to learn how the box area floats, in combination with various images or [[WP:Wikitables\|wikitables]] on a page. {{tlf\|Stack}}'s operation is very quick, as it uses an [[HTML]] <table> to achieve its effects.
Zeile 123:		Zeile 123:
	<br/>line 1 <br />line 2 <br />line 3 <br />line 4 <br />line 5 <br />line 6 <br />line 7 <br />line 8 <br />line 9		<br/>line 1 <br />line 2 <br />line 3 <br />line 4 <br />line 5 <br />line 6 <br />line 7 <br />line 8 <br />line 9
	\|}		\|}
	[[File:Shuttle~~.png~~\|thumb\|right\|60px\|Test image]]		[[File:{{Image mapper\|Shuttle}}\|thumb\|right\|60px\|Test image]]
	{\| class="wikitable"		{\| class="wikitable"
	\|style="width:33.0em<!--(was 420px)-->;"\|		\|style="width:33.0em<!--(was 420px)-->;"\|

mw>Oetterer: /* Floating portal boxes */

2015-02-04T07:55:20Z

Floating portal boxes

Neue Seite

{{Documentation subpage}}


This template can be used to stack images and other floating content such as infobox templates without causing problems with spacing and floating. Enter a string of images/templates as the first parameter to have them stack without generating floating errors or spacing errors. You can stack many objects from the top of a section and not force further subsections to space out.

== Usage ==

At its simplest:
<pre style="overflow:auto;">
{{stack|<objects>}}
</pre>

<code><object></code> may simply be a string of wikicode for many images/templates.

===Optional parameters===
:<code><nowiki>{{</nowiki>stack| <objects> | float=left/'''right''' | clear=true/'''false'''<nowiki>}}</nowiki></code>
where
:*<code>float=</code> ''left'' or ''right'' (default is '''right''')
:*: This option can be used to float the stack to the left or right of the page
:*<code>clear=</code> ''true'' or ''false'' (default is '''false''')
:*: This option can be used to force the stack to the far left or right (e.g., near an infobox).

You can also explicily list multiple arguments.
<pre>
{{stack| float=left/_right_ | clear=true/_false_
|1=<object(s)>
|2=<object(s)>
|3=<object(s)>, etc. up to 9 parameters in the current version
}}
</pre>

*NB This multiple argument version does include extra vertical whitespace between each (set of) <object(s)>.

== Examples ==
To illustrate the utility of the stack templates, consider the following situation. We would like to have two right floating images at the top of the first section of our article (here, the ''Lorem'' section), and one left floating image at the top of the second section (here, the ''Lorem'' section). To achieve this layout, without using a stack template, we could try the following code:<pre>
=====''Lorem''=====
[[File:Shuttle.png|thumb|right|Example 1a]]
[[File:Shuttle.png|thumb|right|Example 1b]]
... text ...

=====''Lorem''=====
[[File:Shuttle.png|thumb|left|Example 1c]]
... text ...

=====''Ipsum''=====
... text ...
</pre>The result of this is shown in the [[#Without stack|without stack]] section below. Notice how the left floating image (Example 1c) is prevented from floating above the last right floating image (Example 1b). You may need to resize the width of your browser to fully appreciate the issue. To fix this problem, we can stack the two right floating images together, using the following code:<pre>
=====''Lorem''=====
{{stack |[[File:Shuttle.png|thumb|right|Example 2a]] [[File:Shuttle.png|thumb|right|Example 2b]]}}
... text ...

=====''Lorem''=====
[[File:Shuttle.png|thumb|left|Example 2c]]
... text ...

=====''Ipsum''=====
... text ...
</pre>The result of this is show in the [[#With stack|with stack]] section below. Notice how by adding this stack template, the left floating image (Example 2c) can now float higher and is not blocked from floating higher than the top of the last right floating image (Example 2b).
{{clear}}

{{anchor|Without stack}}
====Without {{tlf|stack}}====
----
=====''Lorem''=====
[[File:Shuttle.png|thumb|right|Example 1b]]
[[File:Shuttle.png|thumb|right|Example 2b]]
''{{Lorem}}''

=====''Lorem''=====
[[File:Shuttle.png|thumb|left|Example 3b]]
''{{Lorem}}''

=====''Ipsum''=====
''{{Lorem}}''

''{{Lorem}}''
{{clear}}

{{anchor|With stack}}
====With {{tlf|stack}}====
----
=====''Lorem''=====
{{stack{{#ifeq:{{{1|}}}|sandbox |/sandbox}} |[[File:Shuttle.png|thumb|right|Example 1a]] [[File:Shuttle.png|thumb|right|Example 2a]]}}
''{{Lorem}}''

=====''Lorem''=====
[[File:Shuttle.png|thumb|left |Example 3a]]
''{{Lorem}}''

=====''Ipsum''=====
''{{Lorem}}''

''{{Lorem}}''
{{clear}}

===More examples===
----
{{tlf|Stack}} can also be used to float one or more images across a page.
{{stack{{#ifeq:{{{1|}}}|sandbox |/sandbox}} |[[File:Shuttle.png|40px]]}}
{{stack{{#ifeq:{{{1|}}}|sandbox |/sandbox}} |[[File:Shuttle.png|60px]]}}
<pre style="width:25.0em;overflow:auto;">
{{stack|[[File:Shuttle.png|40px]]}}
{{stack|[[File:Shuttle.png|60px]]}}
</pre>
It might take some experience to learn how the box area floats, in combination with various images or [[WP:Wikitables|wikitables]] on a page. {{tlf|Stack}}'s operation is very quick, as it uses an [[HTML]] <table> to achieve its effects.

===Floating portal boxes===
----
{{tlf|Stack}} can be used to float a portal box beside an infobox (or other right-aligned item) when other methods might not work as anticipated.
{| class="infobox"
| '''Infobox'''
 line 1 line 2 line 3 line 4 line 5 line 6 line 7 line 8 line 9
|}
[[File:Shuttle.png|thumb|right|60px|Test image]]
{| class="wikitable"
|style="width:33.0em;"|
This is a wikitable serving as a typical left-aligned table. The overlap on left-aligned tables had been a frequent problem when other boxes nearby were set to "float:right". So this is a test of how well a floating portal-box would avoid overlapping onto a left-side table.
|}

<includeonly>

[[Category:Text manipulation templates]]

</includeonly>

Vorlage:Stack/doc - Versionsgeschichte

imported>Oetterer am 21. Februar 2018 um 10:25 Uhr

mw>Oetterer: /* Floating portal boxes */