aboutsummaryrefslogtreecommitdiff
path: root/files/fr/glossary/grid_cell
diff options
context:
space:
mode:
authorSphinxKnight <SphinxKnight@users.noreply.github.com>2021-11-15 19:39:35 +0100
committerGitHub <noreply@github.com>2021-11-15 19:39:35 +0100
commit6f6e297fbfa7867b1f42c4245df20f4282b3b083 (patch)
treee602e617243ed4427e45c30554939818bfba8d6e /files/fr/glossary/grid_cell
parent34d315396ca29d7ef51ecc27eeeeeb275e9b0ba9 (diff)
downloadtranslated-content-6f6e297fbfa7867b1f42c4245df20f4282b3b083.tar.gz
translated-content-6f6e297fbfa7867b1f42c4245df20f4282b3b083.tar.bz2
translated-content-6f6e297fbfa7867b1f42c4245df20f4282b3b083.zip
Prepare Glossary section for Markdown conversion (#2971)
* Remove seoSummary and summary classes * Fix hidden blocks / code samples * Remove span cruft * Remove <font> and <style .. font..> * Remove notranslate * Remove id other than in headings * Fix pre blocks and remove style * Fix other report one offs and remove absolute urls * Remove external classes * Fixing images url
Diffstat (limited to 'files/fr/glossary/grid_cell')
-rw-r--r--files/fr/glossary/grid_cell/index.html21
1 files changed, 10 insertions, 11 deletions
diff --git a/files/fr/glossary/grid_cell/index.html b/files/fr/glossary/grid_cell/index.html
index e2f5349c29..2ab01f0baf 100644
--- a/files/fr/glossary/grid_cell/index.html
+++ b/files/fr/glossary/grid_cell/index.html
@@ -8,17 +8,18 @@ tags:
translation_of: Glossary/Grid_Cell
original_slug: Glossaire/Cellule_de_grille
---
-<p>Dans une <a href="https://developer.mozilla.org/fr/docs/Web/CSS/CSS_Grid_Layout">Grille CSS</a>, une <strong>cellule de grille</strong> est la plus petite unité de la grille CSS. Elle est un espace entre 4 intersections {{glossary("grid lines","lignes de grille")}} <span id="result_box" lang="fr"><span>et conceptuellement assimilable à une cellule de tableau.</span></span></p>
+<p>Dans une <a href="/fr/docs/Web/CSS/CSS_Grid_Layout">Grille CSS</a>, une <strong>cellule de grille</strong> est la plus petite unité de la grille CSS. Elle est un espace entre 4 intersections {{glossary("grid lines","lignes de grille")}} et conceptuellement assimilable à une cellule de tableau.</p>
-<p><img alt="Diagram showing an individual cell on the grid." src="https://mdn.mozillademos.org/files/14767/1_Grid_Cell.png" style="height: 221px; width: 332px;"></p>
+<p><img alt="Diagram showing an individual cell on the grid." src="1_grid_cell.png"></p>
-<p><span id="result_box" lang="fr"><span>Si vous ne placez pas d'éléments à l'aide de l'une des méthodes de placement de grille, les enfants directs du conteneur de grille seront placés un dans chaque cellule individuelle par l'algorithme de placement automatique.</span></span> Les {{glossary("Grid Tracks", "pistes")}}  de <span id="result_box" lang="fr"><span>ligne ou colonne supplémentaire</span></span> seront créées par la création des cellules nécessaires pour contenir tous les éléments.</p>
+<p>Si vous ne placez pas d'éléments à l'aide de l'une des méthodes de placement de grille, les enfants directs du conteneur de grille seront placés un dans chaque cellule individuelle par l'algorithme de placement automatique. Les {{glossary("Grid Tracks", "pistes")}}  de ligne ou colonne supplémentaire seront créées par la création des cellules nécessaires pour contenir tous les éléments.</p>
-<p><span id="result_box" lang="fr"><span>Dans l'exemple, nous avons créé une grille de trois colonnes.</span> <span>Les cinq éléments sont placés dans des cellules de la grille le long d'une rangée initiale de trois cellules de la grille, puis par l'ajout d'une nouvelle ligne pour les deux autres.</span></span></p>
+<p>Dans l'exemple, nous avons créé une grille de trois colonnes. Les cinq éléments sont placés dans des cellules de la grille le long d'une rangée initiale de trois cellules de la grille, puis par l'ajout d'une nouvelle ligne pour les deux autres.</p>
-<div id="example_1">
-<div class="hidden">
-<pre class="brush: css">* {box-sizing: border-box;}
+
+<h2 id="Exemple">Exemple</h2>
+
+<pre class="brush: css hidden">* {box-sizing: border-box;}
.wrapper {
border: 2px solid #f76707;
@@ -34,7 +35,6 @@ original_slug: Glossaire/Cellule_de_grille
color: #d9480f;
}
</pre>
-</div>
<pre class="brush: css">.wrapper {
display: grid;
@@ -52,8 +52,7 @@ original_slug: Glossaire/Cellule_de_grille
&lt;/div&gt;
</pre>
-<p>{{ EmbedLiveSample('example_1', '300', '280') }}</p>
-</div>
+<p>{{ EmbedLiveSample('Exemple', '300', '280') }}</p>
<h2 id="En_apprendre_plus">En apprendre plus</h2>
@@ -69,6 +68,6 @@ original_slug: Glossaire/Cellule_de_grille
<h3 id="En_lire_plus">En lire plus</h3>
<ul>
- <li>Guide des grilles CSS : <em><a href="https://developer.mozilla.org/fr/docs/Web/CSS/CSS_Grid_Layout/Les_concepts_de_base">Les concepts de base des grilles CSS</a></em></li>
+ <li>Guide des grilles CSS : <em><a href="/fr/docs/Web/CSS/CSS_Grid_Layout/Les_concepts_de_base">Les concepts de base des grilles CSS</a></em></li>
<li><a href="https://drafts.csswg.org/css-grid/#grid-track-concept">Définition des cellules de grille dans la spécification CSS</a> (en)</li>
</ul>