Шаблон:DividedColumn: различия между версиями
imported>NyoomVoyager (Created page with "<includeonly><div class="divided-columns"> <div class="column-a"> <h2>{{{column_a_name|Column A}}}</h2> <ul> {{{column_a_content|}}} </u...") |
imported>NyoomVoyager м (makes line height a param) |
||
(не показаны 4 промежуточные версии этого же участника) | |||
Строка 1: | Строка 1: | ||
<includeonly><div class="divided-columns"> | <includeonly> | ||
<div class="divided-columns" style="display: flex;"> | |||
<div class="column-a" style="flex: 1; margin-right: 20px;"> | |||
<h2>{{{column_a_name|Column A}}}</h2> | |||
<ul style="padding-left: 0;"> | |||
<li style="margin: 0;">{{{column_a_content|}}}</li> | |||
</ul> | |||
</div> | |||
<div style="border-left: 1px solid grey; height: {{{line_height|500px}}}; margin-right: 50px;"></div> | |||
<div class="column-b" style="flex: 1; margin-right: 20px;"> | |||
<h2>{{{column_b_name|Column B}}}</h2> | |||
<ul style="padding-left: 0;"> | |||
<li style="margin: 0;">{{{column_b_content|}}}</li> | |||
</ul> | |||
</div> | |||
</div> | </div> | ||
</includeonly> | </includeonly> | ||
<noinclude> This is a template to create divided columns of text on a page in lieu of using a table, which may scale poorly. | <noinclude>This is a template to create divided columns of text on a page in lieu of using a table, which may scale poorly. | ||
It can be used as such: | It can be used as such: | ||
{{DividedColumn | {{DividedColumn | ||
Строка 31: | Строка 22: | ||
|column_b_name=Disadvantages | |column_b_name=Disadvantages | ||
|column_a_content= | |column_a_content= | ||
<div style:"margin-right:10px;">Advantage 1</div> | |||
* Advantage 2 | * Advantage 2 | ||
* Advantage 3 | * Advantage 3 | ||
|column_b_content= | |column_b_content= | ||
<div style:"margin-right:10px;">Disadvantage 1</div> | |||
* Disadvantage 2 | * Disadvantage 2 | ||
* Disadvantage 3 | * Disadvantage 3 | ||
}} | }}</noinclude> |
Текущая версия от 17:33, 24 марта 2024
This is a template to create divided columns of text on a page in lieu of using a table, which may scale poorly. It can be used as such:
Advantages
- Advantage 1
- Advantage 2
- Advantage 3
Disadvantages
- Disadvantage 1
- Disadvantage 2
- Disadvantage 3