Line 1: |
Line 1: |
− | French page
| + | {{#CSS: |
− | <multilang>
| |
| | | |
− | <!-- French section starts here --> | + | <style> |
− | @fr|
| + | * { |
− | <!-- Link for English page -->
| + | box-sizing: border-box; |
| + | } |
| | | |
− | <!-- Below is the French template -->
| + | /* Create three equal columns that floats next to each other */ |
− | {{Administrateurs1}} | + | .column { |
| + | float: left; |
| + | width: 33.33%; |
| + | padding: 10px; |
| + | height: 300px; /* Should be removed. Only for demonstration */ |
| + | } |
| | | |
− | <!-- English section starts here -->
| + | /* Clear floats after the columns */ |
− | @en|
| + | .row:after { |
− | <!-- Link for French page is not required as we are on the French page-->
| + | content: ""; |
− | <!-- Below is English template -->
| + | display: table; |
− | {{Administrators}}
| + | clear: both; |
| + | } |
| + | }} |
| | | |
− | </multilang> | + | <h2>Three Equal Columns</h2> |
| | | |
− | <!-- Templates used on this page --> | + | <div class="row"> |
− | <!-- French: https://wiki.gccollab.ca/Template:Administrateurs1 ---> | + | <div class="column" style="background-color:#aaa;"> |
− | <!-- English: https://wiki.gccollab.ca/Template:Administrators1 --> | + | <h2>Column 1</h2> |
| + | <p>Some text..</p> |
| + | </div> |
| + | <div class="column" style="background-color:#bbb;"> |
| + | <h2>Column 2</h2> |
| + | <p>Some text..</p> |
| + | </div> |
| + | <div class="column" style="background-color:#ccc;"> |
| + | <h2>Column 3</h2> |
| + | <p>Some text..</p> |
| + | </div> |
| + | </div> |