--- title: "Sections, colonnes, séparateurs et espaceurs" description: "Organisez votre page avec des sections et des colonnes, ajoutez un en-tête et un pied de page, et utilisez des séparateurs et des espaceurs pour aérer." url: https://scratcher.io/fr/help/elements/sections-columns-and-layout language: fr --- 1. [Centre d’aide](https://scratcher.io/fr/help) 2. [Éléments et design](https://scratcher.io/fr/help/elements) 3. Sections, colonnes, séparateurs et espaceurs # Sections, colonnes, séparateurs et espaceurs Organisez votre page avec des sections et des colonnes, ajoutez un en-tête et un pied de page, et utilisez des séparateurs et des espaceurs pour aérer. ## Sections et colonnes Une **Section** est un bloc qui contient d’autres éléments. Utilisez-la pour placer des éléments côte à côte, ou pour donner un arrière-plan à un groupe d’éléments. 1. Insérez une **Section** et faites-y glisser des éléments. 2. Dans l’onglet **Contenu**, choisissez le nombre de **Colonnes** : de 1 à 4. 3. Avec plus d’une colonne, choisissez le **Rapport de taille**, par exemple **Égal**, 1:2 ou 2:1, ou **Personnalisé**. 4. Choisissez l’**Orientation sur mobile** : **Gauche au-dessus**, **Droite au-dessus** ou **Conserver les colonnes** (les colonnes restent côte à côte sur téléphone). Si vous réduisez le nombre de colonnes, les dernières colonnes sont supprimées avec leur contenu. Dans l’onglet **Styles** : **Arrière-plan** (couleur ou image), **Bordure**, **Largeur**, **Forme**, l’**Alignement** vertical des colonnes et l’**Espacement** entre elles. Dans les pop-ups, vous pouvez aussi régler la **Hauteur** d’une section sur **Complet**. Les sections, les colonnes et les menus font partie des forfaits qui comprennent la fonctionnalité **Éléments**. ## En-tête et pied de page Un en-tête et un pied de page sont des sections qui apparaissent sur toutes les pages, par exemple avec votre logo et un lien vers votre règlement. Sur chaque page, vous pouvez choisir **Masquer l’en-tête sur la page** ou **Masquer le pied de page sur la page**. Activez **Positionner en absolu** dans les réglages de l’en-tête ou du pied de page pour qu’il flotte au-dessus de la page au lieu de prendre de la place. ## Séparateur Un **Séparateur** est une ligne entre des éléments. Réglez sa **Couleur**, le style de **Bordure**, la **Taille** (longueur et épaisseur), la **Forme** et l’**Alignement**. Vous pouvez ajouter une **Icône** au milieu de la ligne, et l’ajuster sous **Paramètres d’affichage**. ## Espaceur Un **Espaceur** ajoute un espace vide. Faites glisser sa poignée dans la page, ou saisissez la hauteur en pixels (de 5 à 500). Éléments et design - [Comment fonctionnent les réglages d’un élément](https://scratcher.io/fr/help/elements/element-settings-basics) - [Modifier les textes et les titres](https://scratcher.io/fr/help/elements/text-and-headings) - [Boutons et actions au clic](https://scratcher.io/fr/help/elements/buttons-and-click-actions) - [Images, logos, vidéo et polices](https://scratcher.io/fr/help/elements/images-video-and-fonts) - [Sections, colonnes, séparateurs et espaceurs](https://scratcher.io/fr/help/elements/sections-columns-and-layout) - [Réglages de page, arrière-plans et pages de pop-up](https://scratcher.io/fr/help/elements/page-settings-and-backgrounds) - [Éléments compte à rebours, réseaux sociaux, partage et menu](https://scratcher.io/fr/help/elements/countdown-social-share-and-menu) - [Graphiques interactifs avec zones cliquables](https://scratcher.io/fr/help/elements/interactive-graphic) - [Bandeau cookies, code personnalisé et autres options de campagne](https://scratcher.io/fr/help/elements/cookie-notice-and-custom-code) - [Enregistrer et réutiliser des modèles](https://scratcher.io/fr/help/elements/templates-and-reuse) ## Articles associés - [Comment fonctionnent les réglages d’un élément](https://scratcher.io/fr/help/elements/element-settings-basics): Les onglets Contenu, Styles, Paramètres et Effets, les tailles, formes, bordures, couleurs et arrière-plans, les modifications pour mobile et les options. - [Ajouter et modifier des textes, des images et d’autres éléments](https://scratcher.io/fr/help/campaigns/add-and-edit-elements): Insérez des éléments, modifiez les textes, importez des images et des polices, et mettez tout en forme pour ordinateur et mobile. - [Réglages de page, arrière-plans et pages de pop-up](https://scratcher.io/fr/help/elements/page-settings-and-backgrounds): Définissez l’arrière-plan d’une page, alignez son contenu, transformez une page en pop-up, masquez l’en-tête et actualisez la page automatiquement. ## Besoin d’aide supplémentaire ? De vraies personnes sont là pour vous aider. Si vous utilisez déjà Scratcher, le plus rapide est le chat dans la plateforme. - **[Discutez avec nous](https://platform.scratcher.io/login)** Connectez-vous et cliquez sur le bouton de chat en bas à droite. Rex répond immédiatement, et notre équipe est à un clic. - **[Prenez rendez-vous](https://scratcher.io/fr/book-a-meeting)** Un appel vidéo gratuit de 30 minutes avec notre équipe : une démonstration, des idées de campagnes ou de l’aide pour votre configuration. - **[Écrivez-nous](mailto:contact@scratcher.io)** Écrivez à contact@scratcher.io et nous vous répondrons.