--- url: 'https://dxpr.com/fr/hc/documentation/apprendre-dxpr-builder/depannage/elements-s-affichent-mal' title: 'Un élément s’affiche ou se comporte mal | DXPR' author: name: Jurriaan url: 'https://dxpr.com/users/jurriaan' date: '2026-10-24T08:27:54+00:00' copyright: 'Copyright DXPR. All rights reserved.' type: article summary: |- Corrigez les problèmes d’éléments les plus fréquents. Avant de commencer, testez l’élément sur une nouvelle page vide pour écarter le contenu autour. tags: - 'Fix a problem' image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' published: true og: site_name: DXPR updated_time: '2026-10-24T08:27:54+0000' 'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.' schema: '@context': 'https://schema.org' '@graph': - mainEntity: { } - '@type': TechArticle headline: 'Un élément s’affiche ou se comporte mal' description: |- Corrigez les problèmes d’éléments les plus fréquents. Avant de commencer, testez l’élément sur une nouvelle page vide pour écarter le contenu autour. image: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' width: '1200' height: '630' datePublished: '2026-10-24T08:27:54+0000' dateModified: '2026-10-24T08:27:54+0000' author: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR url: 'https://dxpr.com/' logo: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg' width: '1348' height: '501' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR url: 'https://dxpr.com/' logo: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg' width: '1348' height: '501' mainEntityOfPage: 'https://dxpr.com/fr/hc/documentation/apprendre-dxpr-builder/depannage/elements-s-affichent-mal' articleSection: 'Résoudre un problème' - '@type': WebPage '@id': 'https://dxpr.com/fr/hc/documentation/apprendre-dxpr-builder/depannage/elements-s-affichent-mal' description: |- Corrigez les problèmes d’éléments les plus fréquents. Avant de commencer, testez l’élément sur une nouvelle page vide pour écarter le contenu autour. breadcrumb: '@type': BreadcrumbList itemListElement: - '@type': ListItem position: 1 name: Accueil item: 'https://dxpr.com/fr' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR inLanguage: fr --- [Centre d’aide](/fr/hc)/[Documentation](/fr/hc/documentation) /[Apprendre DXPR Builder](/fr/hc/documentation/learn-dxpr-builder) /[Gérer le site](/fr/hc/documentation/learn-dxpr-builder/manage) /[Résoudre un problème](/fr/hc/documentation/learn-dxpr-builder/troubleshooting) # Un élément s’affiche ou se comporte mal. Apprendre DXPR BuilderGérer le siteRésoudre un problème ## Dans ce guide Corrigez les problèmes d’éléments les plus fréquents. Avant de commencer, testez l’élément sur une nouvelle page vide pour écarter le contenu autour. ## Ma mise en page de ligne casse quand je la cache sur certains appareils Les choix **Responsive Visibility** sous **HTML classes** sont des classes d’affichage Bootstrap, comme `d-none d-md-block`. Sur une ligne, elles remplacent la mise en page propre de la ligne, donc les colonnes s’empilent. Mettez les classes sur les colonnes, ou sur la section autour de la ligne. ## La console dit que Bootstrap demande un jQuery inférieur à la version 4 Votre thème charge le JavaScript Bootstrap 3 ou 4, qui refuse de tourner avec le jQuery 4 livré par les versions récentes de Drupal 11. DXPR Builder lui-même n’utilise pas jQuery. 1. Arrêtez de charger le JavaScript Bootstrap 3 ou 4 depuis le thème. 2. Si le thème ne charge pas Bootstrap 5, accédez à **DXPR Studio** > **DXPR Builder** > **General Settings** > **Bootstrap** et réglez **Sideload Bootstrap files** sur **Bootstrap 5**. **Note :** le module ne prend en charge que Bootstrap 5. Un thème en Bootstrap 3 ou 4 doit être migré. ## Mes colonnes se désalignent à largeur tablette La grille a 12 colonnes, donc cinq colonnes ne peuvent pas être égales. Cliquez sur l’icône de grille de la ligne et choisissez un préréglage comme **1/4 + 1/4 + 1/4 + 1/4** ou **1/3 + 1/3 + 1/3**. Pour donner aux tablettes leur propre mise en page, cliquez sur **Add screen size** et choisissez la taille dans sa liste. ## Un lien dans mon élément Lien ne fait rien L’élément Lien est lui-même une balise `a`, et les navigateurs n’autorisent pas les liens dans les liens. Utilisez un élément Bouton, ou un élément Texte avec un lien. ## Les liens d’ancre atterrissent sous mon en-tête fixe 1. Accédez à **General Settings** et ouvrez **Advanced Settings**. 2. Réglez **Scroll offset selector** sur le sélecteur CSS de votre en-tête fixe. La valeur par défaut couvre les en-têtes de DXPR Theme. 3. Donnez à l’élément cible un **HTML ID** dans le panneau **General** de ses réglages. ## Ma vidéo ne démarre pas toute seule Les navigateurs refusent de démarrer une vidéo avec du son. Dans les réglages de la vidéo locale, cochez **Muted** à côté de **Start playing automatically**et enregistrez. ## Un bloc dans ma page n’a pas de contrôles d’édition Un bloc DXPR Builder placé dans une page du builder s’affiche sans son propre éditeur, donc vous ne pouvez pas y modifier son contenu. Modifiez le bloc là où il se trouve dans une région du thème, sous **Structure** > **Block layout**, ou utilisez un élément HTML à la place. ## Les filtres exposés d’une vue ne font rien L’éditeur affiche « Turn on Ajax on this view to use exposed filters. » Les filtres dans le builder ne fonctionnent qu’avec AJAX. 1. Modifiez la vue et ouvrez **Advanced**. 2. Réglez **Use AJAX** sur **Yes** et enregistrez la vue. 3. Videz tous les caches. ## Les balises de script disparaissent de mon élément Texte Le builder retire les balises `