Template:Stack documentation: Difference between revisions

Revision as of 18:12, 14 July 2020

Revision as of 10:01, 7 August 2020

Line 54:

--><syntaxhighlight lang="moin">

=====''Lipsum''=====

[[File:TestSimple shapes example.png|thumb|right|Example 1a]]

[[File:TestSimple shapes example.png|thumb|right|Example 1b]]

... text ...

=====''Lorem''=====

[[File:TestSimple shapes example.png|thumb|left|Example 1c]]

... text ...

Line 70:

--><syntaxhighlight lang="moin">

=====''Lipsum''=====

{{stack |[[File:TestSimple shapes example.png|thumb|right|Example 2a]] [[File:TestSimple shapes example.png|thumb|right|Example 2b]]}}

... text ...

=====''Lorem''=====

[[File:TestSimple shapes example.png|thumb|left|Example 2c]]

... text ...

Line 87:

====Without {{tlf|stack}}====

=====''Lipsum''=====

[[File:TestSimple shapes example.png|thumb|right|Example 1a]]

[[File:TestSimple shapes example.png|thumb|right|Example 1b]]

''{{lipsum}}''

=====''Lorem''=====

[[File:TestSimple shapes example.png|thumb|left|Example 1c]]

''{{lipsum}}''

Line 105:

----

=====''Lipsum''=====

{{stack|[[File:TestSimple shapes example.png|thumb|right|Example 2a]] [[File:TestSimple shapes example.png|thumb|right|Example 2b]]}}

''{{lipsum}}''

=====''Lorem''=====

[[File:TestSimple shapes example.png|thumb|left |Example 2c]]

''{{lipsum}}''

Line 193:

===More examples===

{{tlf|Stack}} can also be used to float one or more images across a page.

{{stack |[[File:TestSimple shapes example.png|80px]]}}

{{stack |[[File:TestSimple shapes example.png|120px]]}}

<pre style="width:25.0em;overflow:auto;">

{{stack|[[File:TestSimple shapes example.png|80px]]}}

{{stack|[[File:TestSimple shapes example.png|120px]]}}

</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]] &lt;table> to achieve its effects.