Anonymous user
Template:Stack documentation: Difference between revisions
Jump to navigation
Jump to search
→Examples: ce
Richardpruen (talk | contribs) m (1 revision imported) |
imported>UpdateNerd (→Examples: ce) |
||
| Line 24: | Line 24: | ||
===Optional parameters=== | ===Optional parameters=== | ||
<syntaxhighlight lang="moin"> | <syntaxhighlight lang="moin"> | ||
{{stack| <object(s)> | float=left or right | clear=true or false}} | {{stack| <object(s)> | float=left or right | clear=true or false | margin=true or false}} | ||
</syntaxhighlight> | </syntaxhighlight> | ||
or | or | ||
<syntaxhighlight lang="moin"> | <syntaxhighlight lang="moin"> | ||
{{stack begin | float=left or right | clear=true or false}} | {{stack begin | float=left or right | clear=true or false | margin=true or false}} | ||
</syntaxhighlight> | </syntaxhighlight> | ||
where | where | ||
| Line 40: | Line 40: | ||
You can also explicitly list multiple arguments: | You can also explicitly list multiple arguments: | ||
<syntaxhighlight lang="moin"> | <syntaxhighlight lang="moin"> | ||
{{stack| float=left or right | clear=true or false | {{stack| float=left or right | clear=true or false | margin=true or false | ||
|1=<object(s)> | |1=<object(s)> | ||
|2=<object(s)>, etc. up to 9 parameters in the current version | |2=<object(s)>, etc. up to 9 parameters in the current version | ||
| Line 66: | Line 66: | ||
</syntaxhighlight><!-- | </syntaxhighlight><!-- | ||
-->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:<!-- | -->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:<!-- | ||
--><syntaxhighlight lang="moin"> | --><syntaxhighlight lang="moin"> | ||
| Line 81: | Line 81: | ||
</syntaxhighlight><!-- | </syntaxhighlight><!-- | ||
-->The result of this is | -->The result of this is shown 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}} | {{clear}} | ||
| Line 89: | Line 89: | ||
[[File:Simple shapes example.png|thumb|right|Example 1a]] | [[File:Simple shapes example.png|thumb|right|Example 1a]] | ||
[[File:Simple shapes example.png|thumb|right|Example 1b]] | [[File:Simple shapes example.png|thumb|right|Example 1b]] | ||
{{ | {{Str left|{{Lorem ipsum span}}|124}} | ||
=====''Lorem''===== | =====''Lorem''===== | ||
| Line 106: | Line 106: | ||
=====''Lipsum''===== | =====''Lipsum''===== | ||
{{stack|[[File:Simple shapes example.png|thumb|right|Example 2a]] [[File:Simple shapes example.png|thumb|right|Example 2b]]}} | {{stack|[[File:Simple shapes example.png|thumb|right|Example 2a]] [[File:Simple shapes example.png|thumb|right|Example 2b]]}} | ||
{{ | {{Str left|{{Lorem ipsum span}}|124}} | ||
=====''Lorem''===== | =====''Lorem''===== | ||