Changes

207 bytes added ,  20:28, 4 March 2023
no edit summary
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>