diff options
author | SphinxKnight <SphinxKnight@users.noreply.github.com> | 2021-09-17 20:15:31 +0200 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-09-17 20:15:31 +0200 |
commit | 3335211db9ecb67dc0ccd9c4a7c1eb607ffe359f (patch) | |
tree | 09fe8f8a5fae5235b62918e8b7161fd34480b8d0 /files/fr/web/css/css_columns | |
parent | 3518481e9190f19bbf81741704f45cb3c1761758 (diff) | |
download | translated-content-3335211db9ecb67dc0ccd9c4a7c1eb607ffe359f.tar.gz translated-content-3335211db9ecb67dc0ccd9c4a7c1eb607ffe359f.tar.bz2 translated-content-3335211db9ecb67dc0ccd9c4a7c1eb607ffe359f.zip |
Prepare CSS section for Markdown conversion (#2307)
* Removes summary / seoSummary classes
* Remove div class=hidden and some notranslate
* Remove hidden paragraphs for live sample
* Remove hidden paragraphs for live sample - take 2
* Remove other hidden div and p - updated w/ en-US when necessary
* Remove ids
* Remove notranslate class
* Fix typo which broke build
* remove div class='index'
* remove useless <span style=...>
* remove non typographical sups
* remove non typographical subs
* remove blockindicator and fix some div.note
* fix build :/
* remove useless classes
* fix build - again :x
* fix unhandled elements 1/N + embedlivesample build fail
* fix div.warning
* Fix fixable flaws - hoping to reduce error conversion
* Remove unecessary images (same as en-US)
* fix div notes
* fix warnings
* fix some dl handling
* fix dls
* Fix a bunch of conversion errors
* rm unhandled figures
* Fix other set of issues and revamp easing-function page
* Fix some one-offs conversion errors (incl. deki files)
* fix the rest of one-off conversion issues
* Fix last dl standing
Diffstat (limited to 'files/fr/web/css/css_columns')
7 files changed, 8 insertions, 27 deletions
diff --git a/files/fr/web/css/css_columns/basic_concepts_of_multicol/index.html b/files/fr/web/css/css_columns/basic_concepts_of_multicol/index.html index 4b69af66e0..344caf8221 100644 --- a/files/fr/web/css/css_columns/basic_concepts_of_multicol/index.html +++ b/files/fr/web/css/css_columns/basic_concepts_of_multicol/index.html @@ -9,7 +9,7 @@ original_slug: Web/CSS/CSS_Columns/Concepts_base_multi-colonnes --- <div>{{CSSRef}}</div> -<p class="summary">La disposition sur plusieurs colonnes (« <em>Multiple-column Layout</em> » ou « <em>multicol</em> » en anglais) est un module de spécification pour organiser du contenu sur un ensemble de colonnes, à la façon des colonnes dans un journal imprimé. Dans ce guide, nous verrons comment fonctionne cette spécification et quelques cas d'exemples.</p> +<p>La disposition sur plusieurs colonnes (« <em>Multiple-column Layout</em> » ou « <em>multicol</em> » en anglais) est un module de spécification pour organiser du contenu sur un ensemble de colonnes, à la façon des colonnes dans un journal imprimé. Dans ce guide, nous verrons comment fonctionne cette spécification et quelques cas d'exemples.</p> <h2 id="Concepts_et_terminologie">Concepts et terminologie</h2> diff --git a/files/fr/web/css/css_columns/handling_content_breaks_in_multicol/index.html b/files/fr/web/css/css_columns/handling_content_breaks_in_multicol/index.html index 96f2191770..fd6bd631ba 100644 --- a/files/fr/web/css/css_columns/handling_content_breaks_in_multicol/index.html +++ b/files/fr/web/css/css_columns/handling_content_breaks_in_multicol/index.html @@ -9,7 +9,7 @@ original_slug: Web/CSS/CSS_Columns/Gérer_rupture_contenu_entre_colonnes --- <div>{{CSSRef}}</div> -<p class="summary">Le contenu est coupé entre les colonnes d'une disposition multi-colonnes de la même façon qu'il est coupé entre chaque page d'un média paginé. Dans ces deux contextes, la façon dont on contrôle l'emplacement et la coupure se paramètre grâce aux propriétés décrites dans le module de spécification <em>CSS Fragmentation</em>. Dans ce guide, nous verrons comment fonctionne la fragmentation en multi-colonnes.</p> +<p>Le contenu est coupé entre les colonnes d'une disposition multi-colonnes de la même façon qu'il est coupé entre chaque page d'un média paginé. Dans ces deux contextes, la façon dont on contrôle l'emplacement et la coupure se paramètre grâce aux propriétés décrites dans le module de spécification <em>CSS Fragmentation</em>. Dans ce guide, nous verrons comment fonctionne la fragmentation en multi-colonnes.</p> <h2 id="Quelques_notions_de_bases_sur_la_fragmentation">Quelques notions de bases sur la fragmentation</h2> diff --git a/files/fr/web/css/css_columns/handling_overflow_in_multicol/index.html b/files/fr/web/css/css_columns/handling_overflow_in_multicol/index.html index 1cb00b72cd..e37d560b61 100644 --- a/files/fr/web/css/css_columns/handling_overflow_in_multicol/index.html +++ b/files/fr/web/css/css_columns/handling_overflow_in_multicol/index.html @@ -9,7 +9,7 @@ original_slug: Web/CSS/CSS_Columns/Gestion_dépassement_multi-colonnes --- <div>{{CSSRef}}</div> -<p class="summary">Dans ce guide, nous verrons comment gérer le dépassement avec une disposition multi-colonnes. Le dépassement peut avoir lieu pour chaque boîte de colonne ou lorsqu'il y a plus de contenu que de place dans le conteneur.</p> +<p>Dans ce guide, nous verrons comment gérer le dépassement avec une disposition multi-colonnes. Le dépassement peut avoir lieu pour chaque boîte de colonne ou lorsqu'il y a plus de contenu que de place dans le conteneur.</p> <h2 id="Le_dépassement_dans_les_boîtes_des_colonnes">Le dépassement dans les boîtes des colonnes</h2> @@ -19,7 +19,7 @@ original_slug: Web/CSS/CSS_Columns/Gestion_dépassement_multi-colonnes <p>{{EmbedGHLiveSample("css-examples/multicol/overflow/image.html", '100%', 800)}}</p> -<p><img alt="" src="https://mdn.mozillademos.org/files/16095/image-overflow-multicol.png" style="height: 328px; width: 800px;"></p> +<p><img alt="" src="image-overflow-multicol.png"></p> <p>Si on veut une image qui se réduise à la boîte de la colonne, on pourra utiliser les solutions pour les images adaptatives et <code>max-width: 100%</code> pour y parvenir.</p> diff --git a/files/fr/web/css/css_columns/index.html b/files/fr/web/css/css_columns/index.html index b66e0686ea..80a7ed7f0a 100644 --- a/files/fr/web/css/css_columns/index.html +++ b/files/fr/web/css/css_columns/index.html @@ -26,7 +26,6 @@ translation_of: Web/CSS/CSS_Columns <h3 id="Propriétés_relatives_à_la_disposition_en_colonnes">Propriétés relatives à la disposition en colonnes</h3> -<div class="index"> <ul> <li>{{cssxref("column-count")}}</li> <li>{{cssxref("column-fill")}}</li> @@ -39,11 +38,9 @@ translation_of: Web/CSS/CSS_Columns <li>{{cssxref("column-width")}}</li> <li>{{cssxref("columns")}}</li> </ul> -</div> <h3 id="Propriétés_relatives_à_la_fragmentation">Propriétés relatives à la fragmentation</h3> -<div class="index"> <ul> <li>{{cssxref("break-after")}}</li> <li>{{cssxref("break-before")}}</li> @@ -51,7 +48,6 @@ translation_of: Web/CSS/CSS_Columns <li>{{cssxref("orphans")}}</li> <li>{{cssxref("widows")}}</li> </ul> -</div> <h2 id="Guides">Guides</h2> diff --git a/files/fr/web/css/css_columns/spanning_columns/index.html b/files/fr/web/css/css_columns/spanning_columns/index.html index fe5533f9ab..9aa5652293 100644 --- a/files/fr/web/css/css_columns/spanning_columns/index.html +++ b/files/fr/web/css/css_columns/spanning_columns/index.html @@ -9,7 +9,7 @@ original_slug: Web/CSS/CSS_Columns/Répartir_entre_les_colonnes --- <div>{{CSSRef}}</div> -<p class="summary">Dans ce guide, nous verrons comment répartir les éléments sur plusieurs colonnes et comment contrôler le remplissage des colonnes.</p> +<p>Dans ce guide, nous verrons comment répartir les éléments sur plusieurs colonnes et comment contrôler le remplissage des colonnes.</p> <div class="note"> <p><strong>Note :</strong> Les fonctionnalités décrites dans cet article ne sont pas aussi bien prises en charge que celles décrites dans les deux articles précédents. Pour plus d'informations, nous vous invitons à vous référer aux tableaux de compatibilité à la fin des pages décrivant chacune des propriétés.</p> diff --git a/files/fr/web/css/css_columns/styling_columns/index.html b/files/fr/web/css/css_columns/styling_columns/index.html index 9cf822a190..58cf3879e6 100644 --- a/files/fr/web/css/css_columns/styling_columns/index.html +++ b/files/fr/web/css/css_columns/styling_columns/index.html @@ -10,7 +10,7 @@ original_slug: Web/CSS/CSS_Columns/Mettre_en_forme_les_colonnes --- <div>{{CSSRef}}</div> -<p class="summary">Les boîtes de colonne créées au sein des conteneurs multi-colonnes sont des boîtes anonymes et leur mise en forme est donc limitée. Elle n'est toutefois pas inexistante. Dans ce guide nous verrons comment modifier l'espace entre les colonnes et comment mettre en forme une ligne entre les colonnes.</p> +<p>Les boîtes de colonne créées au sein des conteneurs multi-colonnes sont des boîtes anonymes et leur mise en forme est donc limitée. Elle n'est toutefois pas inexistante. Dans ce guide nous verrons comment modifier l'espace entre les colonnes et comment mettre en forme une ligne entre les colonnes.</p> <h2 id="Peut-on_mettre_en_forme_les_boîtes_des_colonnes">Peut-on mettre en forme les boîtes des colonnes ?</h2> 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> |