diff options
Diffstat (limited to 'files/fr/web/css/css_columns/using_multi-column_layouts')
| -rw-r--r-- | files/fr/web/css/css_columns/using_multi-column_layouts/index.html | 19 |
1 files changed, 2 insertions, 17 deletions
diff --git a/files/fr/web/css/css_columns/using_multi-column_layouts/index.html b/files/fr/web/css/css_columns/using_multi-column_layouts/index.html index b704ab6a8b..4dd83dfefd 100644 --- a/files/fr/web/css/css_columns/using_multi-column_layouts/index.html +++ b/files/fr/web/css/css_columns/using_multi-column_layouts/index.html @@ -31,7 +31,6 @@ original_slug: Web/CSS/CSS_Columns/Utiliser_une_disposition_multi-colonnes <h5 id="HTML">HTML</h5> -<div id="column_count"> <pre class="brush: html"><div id="col"> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, @@ -52,7 +51,6 @@ original_slug: Web/CSS/CSS_Columns/Utiliser_une_disposition_multi-colonnes </p> </div> </pre> -</div> <h5 id="Résultat">Résultat</h5> @@ -66,16 +64,14 @@ original_slug: Web/CSS/CSS_Columns/Utiliser_une_disposition_multi-colonnes <h5 id="CSS_2">CSS</h5> -<div id="column_width"> <pre class="brush: css">#wid { column-width: 100px; } </pre> -</div> + <h5 id="HTML_2">HTML</h5> -<div id="column_count"> <pre class="brush: html"><div id="wid"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna @@ -87,7 +83,6 @@ original_slug: Web/CSS/CSS_Columns/Utiliser_une_disposition_multi-colonnes deserunt mollit anim id est laborum </div> </pre> -</div> <h5 id="Résultat_2">Résultat</h5> @@ -103,16 +98,13 @@ original_slug: Web/CSS/CSS_Columns/Utiliser_une_disposition_multi-colonnes <h5 id="CSS_3">CSS</h5> -<div id="column_short"> <pre class="brush: css">#col_short { columns: 12em; } </pre> -</div> <h5 id="HTML_3">HTML</h5> -<div id="column_count"> <pre class="brush: html"><div id="col_short"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna @@ -124,7 +116,6 @@ original_slug: Web/CSS/CSS_Columns/Utiliser_une_disposition_multi-colonnes deserunt mollit anim id est laborum </div> </pre> -</div> <h5 id="Résultat_3">Résultat</h5> @@ -132,21 +123,17 @@ original_slug: Web/CSS/CSS_Columns/Utiliser_une_disposition_multi-colonnes <p>De même, on pourra remplacer la déclaration <code>column-count: 4</code> avec ce bloc :</p> -<div id="4_columns"> <pre class="brush: css">#columns_4{ columns: 4; } </pre> -</div> <p>Enfin, pour synthétiser les instructions <code>column-width:8em</code> et <code>column-count:12</code>, on pourra utiliser les instructions suivantes :</p> -<div id="12_columns"> <pre class="brush: css">#columns_12 { columns: 12 8em; } </pre> -</div> <h3 id="Équilibrage_de_la_hauteur">Équilibrage de la hauteur</h3> @@ -169,7 +156,6 @@ original_slug: Web/CSS/CSS_Columns/Utiliser_une_disposition_multi-colonnes <h5 id="HTML_4">HTML</h5> -<div id="col_gap"> <pre class="brush: html"><div id="column_gap"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna @@ -181,7 +167,6 @@ original_slug: Web/CSS/CSS_Columns/Utiliser_une_disposition_multi-colonnes deserunt mollit anim id est laborum </div> </pre> -</div> <h5 id="Résultat_4">Résultat</h5> @@ -198,5 +183,5 @@ original_slug: Web/CSS/CSS_Columns/Utiliser_une_disposition_multi-colonnes <h2 id="Voir_aussi">Voir aussi</h2> <ul> - <li><a class="external" href="https://weblogs.mozillazine.org/roc/archives/2005/03/gecko_18_for_we.html" rel="freelink">https://weblogs.mozillazine.org/roc/a...18_for_we.html</a></li> + <li><a href="https://weblogs.mozillazine.org/roc/archives/2005/03/gecko_18_for_we.html">https://weblogs.mozillazine.org/roc/a...18_for_we.html</a></li> </ul> |