Forum Alsacreations : HTML, CSS, JavaScript et Standards Web - Derniers sujets https://forum.alsacreations.com Bon, à mon avis, Chopin aussi s'est trompée d'une lettre : il aurait dû écrire à George : " tu t'es trompéE d'une lettre".. Bon, à mon avis, Chopin aussi s'est trompée d'une lettre : il aurait dû écrire à George : " tu t'es trompéE d'une lettre".. 2026-04-11T15:46:01+02:00 Titen Chopin et sa copine https://forum.alsacreations.com/topic-9-91651-1.html https://forum.alsacreations.com/topic-9-91651-1.html Bonjour la liste, Le titre est pas terrible mais je ne pouvais pas reprendre celui du post précédent... Donc après une réinstallation difficile, mysql est là et fonctionne : Bonjour la liste, Le titre est pas terrible mais je ne pouvais pas reprendre celui du post précédent... Donc après une réinstallation difficile, mysql est là et fonctionne : $ systemctl status mysql ? mysql.service - MySQL Community Server Loaded: loaded (/usr/lib/systemd/system/mysql.service; enabled; preset: en> Active: active (running) since Wed 2026-04-08 07:34:19 CEST; 3h 43min ago Main PID: 1707 (mysqld) Status: "Server is operational" Tasks: 37 (limit: 8758) Memory: 421.1M (peak: 434.7M) CPU: 2min 14.776s CGroup: /system.slice/mysql.service ??1707 /usr/sbin/mysqld avril 08 07:32:39 Arzhur systemd: Starting mysql.service - MySQL Community S> avril 08 07:34:19 Arzhur systemd: Started mysql.service - MySQL Community Se> lines 1-13/13 (END) j'ai bien mes utilisateurs : mysql> SELECT user FROM mysql.user; +------------------+ | user | +------------------+ | debian-sys-maint | | geriadur | | mysql.infoschema | | mysql.session | | mysql.sys | | root | +------------------+ 6 rows in set (0,00 sec) mais lorsque je veux lancer phpmyadmin j'ai toujours de message : mysqli::real_connect(): (HY000/1698): Access denied for user 'root'@'localhost' et le code php de Niuxe me renvoie : Cette page ne fonctionne pas Impossible de traiter cette demande via localhost à l'heure actuelle. HTTP ERROR 500 enfin un essai de restaurer la base est aussi refusé : ~/Nextcloud2/geriaoueg$ mysql -u root -p geriaoueg < geriaoueg-20260405.sql.gz Enter password: ERROR 1698 (28000): Access denied for user 'root'@'localhost' Merci de votre aide ! 2026-04-08T11:41:51+02:00 Titen Mysql problèmes post-réinstallation https://forum.alsacreations.com/topic-20-91650-1.html https://forum.alsacreations.com/topic-20-91650-1.html Bonjour à tout le monde, fini la chasse aux oeufs, voici la chasse aux bogs ; heureux et serein propriétaire d'une base de données pour un site autohébergé, je n'y ai plus accès depuis ce matin. Bonjour à tout le monde, fini la chasse aux oeufs, voici la chasse aux bogs ; heureux et serein propriétaire d'une base de données pour un site autohébergé, je n'y ai plus accès depuis ce matin. Je soupçonne fortement la mise à jour vers php 8.3 -de mémoire- d'hier dy être pour quelque chose. Je suis sous linux Mint. Toute tentative d'accès se solde par Erreur : SQLSTATE No such file or directory... Merci de votre aide ! 2026-04-05T14:59:39+02:00 Titen [Résolu] Accès refusé à la base de données mysqm https://forum.alsacreations.com/topic-20-91649-1.html https://forum.alsacreations.com/topic-20-91649-1.html Bon, c'est un peu plus complexe en fait. J'ai une grille définie avec grid-template-columns: var(--largeur) auto; L'espace initial se comporte exactement comme je le souhaite. Bon, c'est un peu plus complexe en fait. J'ai une grille définie avec grid-template-columns: var(--largeur) auto; L'espace initial se comporte exactement comme je le souhaite. Dans la seconde colonne, je dois ajouter du contenu en provenance d'une autre source. Ce contenu fait s'élargir la colonne (comportement normal de grid) comment empêcher cet élargissement? les max-width:100% sont sans effet, tant sur la grille, la colonne que le contenu. Une valeur en pixel fonctionne, mais je voudrais l'éviter, la largeur n'étant pas connue au départ et l'ensemble devant rester adaptatif. Possible assez facilement en Javascript/jquery, mais j'aimerai aussi l'éviter en restant sur du pur CSS. 2026-04-05T11:57:06+02:00 phil_zic [Résolu] Grid: bloquer la largeur d'une colonne ? https://forum.alsacreations.com/topic-4-91648-1.html https://forum.alsacreations.com/topic-4-91648-1.html Bonjour, DuckDuckGo propose maintenant Duck.ai pour les recherches. J'ai lancé une recherche sur la modification des pages web reçues en local ( Anti-pub, anti-écriture inclusive, etc.). Bonjour, DuckDuckGo propose maintenant Duck.ai pour les recherches. J'ai lancé une recherche sur la modification des pages web reçues en local ( Anti-pub, anti-écriture inclusive, etc.). Voici le dialogue, un peu long, que je laisse à votre appréciation. -------- Réponse IA : Respect légal : Avant d’appliquer automatiquement des modifications sur des pages que vous ne possédez pas, vérifiez les conditions d’utilisation du site et la loi applicable ; Modifier l’apparence d’un site côté client pour votre usage personnel est généralement autorisé, mais la distribution de scripts qui altèrent le contenu public peut poser des problèmes si elle vise à tromper ou à nuire. Transparence : Indiquez clairement que les outils modifient le contenu affiché localement (dans le navigateur) et ne modifient pas le site d’origine. Accessibilité & sensibilité : Considérez l’impact sur les personnes visées et les implications en matière d’inclusion. Ma réponse : Merci, je voulais un lien vers un site qui traite de ce problème. Modifier l'apparence d'un site en local n'est pas "généralement autorisé", c'est un droit qui permet de décider ce qui apparaît sur son ordinateur ou sa télévision, chez soi. C'est un très ancien serpent de mer qui a été longuement débattu au sujet des scripts anti-pub. Aucun procès n'a pu être engagé contre ceux qui modifient en local l'aspect de leurs pages. Parler des problèmes d'accessibilité pour les scripts qui enlèvent les pubs ou l'écriture inclusive des pages web est un peu fort. Par exemple, c'est l'écriture inclusive qui altère l'accessibilité des pages web. Elle gêne les personnes dyslexiques, panique les lecteurs d'écran et nuit au SEO. Ce n'est pas mon idée, mais la réalité. Merci cependant pour les scripts, je vais les comparer à ceux que j'ai installés. Je regrette que les moteurs de recherche basés sur l'IA récitent leur propre connaissance (en ayant capté celles des autres). On aimerait que l'IA nous donne des liens de sites qui traitent du problème plus profondément. Merci pour votre conversation. Réponse de l'IA : Je ne peux pas fournir de liens web directs ici. Ma réponse : Merci, c'est bien le gros PROBLÈME. Vous captez les données des sites web du monde entier, sans aucune considération pour les auteurs, mais vous refusez de donner même les liens de ces sites web. Il y a là un gros problème. Réponse de l'IA : Je comprends votre frustration. Je peux toutefois aider autrement : dites quel type de ressources vous voulez (articles universitaires, tutoriels techniques, discussions juridiques, analyses accessibilité, forums de développeurs), et je fournirai des titres d'articles, noms d'auteurs, journaux, et requêtes de recherche précises que vous pouvez coller dans un moteur de recherche pour trouver ces sources vous-même. Quel(s) type(s) préférez-vous ? -------- À noter que j'avais demandé des liens vers des sites web traitant du sujet. Pour l'IA, c'est terminé ; tous les concepteurs de sites web doivent le savoir. Leur travail est aspiré massivement, mais ils disparaissent du circuit. 2026-04-04T12:41:02+02:00 Bongota GPT-5 et la recherche https://forum.alsacreations.com/topic-9-91644-1.html https://forum.alsacreations.com/topic-9-91644-1.html Bonjour tout le monde. Je suis débutante en graphisme j'aimerai avoir votre avis sur mon travail SVP. Merci d'avance. Voici mon lien vers mon site: web:https://aurorebouyssou.wixsite.com/aurorebouyssou 2026-04-01T11:31:54+02:00 Abou5 Avis du portfolio https://forum.alsacreations.com/topic-18-91642-1.html https://forum.alsacreations.com/topic-18-91642-1.html Bonjour à toutes et à tous. J'ai crée un page page pour jouer en famille.(mimes) Cette page fonctionne très bien sur pc, par contre elle ne s'adapte pas aux téléphones portables. Bonjour à toutes et à tous. J'ai crée un page page pour jouer en famille.(mimes) Cette page fonctionne très bien sur pc, par contre elle ne s'adapte pas aux téléphones portables. Je ne trouve pas de solution simple pour modifier ou le css et/ou le html. D'avance merci de votre aide , si ce n'est pas trop compliqué. Le site: http://bruno.animations.free.fr Modifié par BruChri (28 Mar 2026 - 11:45) 2026-03-28T11:43:43+02:00 BruChri [Résolu] Adaptation aux tablettes et téléphones portables (responsive) https://forum.alsacreations.com/topic-27-91641-1.html https://forum.alsacreations.com/topic-27-91641-1.html Bonjour les amis, Depuis quelques jours, une onde de choc parcourt les réseaux spécialisés (LinkedIn, X, certains blogs de chercheurs) concernant une nouvelle menace baptisée « CanisterWorm Bonjour les amis, Depuis quelques jours, une onde de choc parcourt les réseaux spécialisés (LinkedIn, X, certains blogs de chercheurs) concernant une nouvelle menace baptisée « CanisterWorm ». J'ai creusé le sujet pour voir si nous devions paniquer sur nos environnements de dev. La menace décrite (le scénario « catastrophe ») : Le CanisterWorm est présenté comme un ver auto-propageable ciblant les écosystèmes JavaScript (npm) et Python (PyPI). - Vecteur : Injection via des scripts postinstall dans des paquets compromis (on parle de scopes comme @emilgroup ou d'outils comme Trivy). - Innovation : Il utiliserait la blockchain Internet Computer (ICP) comme infrastructure de commande (C2) décentralisée, rendant son démantèlement quasi impossible par les autorités (réponse HTTP 451). - Action : Vol de secrets (.npmrc, clés AWS, SSH) et destruction de données (rm -rf /). Rester prudent (L'homme qui a vu l'ours...) Malgré la précision technique des rapports qui circulent sur LinkedIn, Twitter, etc., plusieurs zones d'ombre m'interpellent et devraient vous inciter à la retenue avant de relayer l'alerte partout : 1. L'absence de CVE : Une attaque de cette ampleur « mondiale » devrait déjà avoir ses numéros de vulnérabilités officiels. À ce jour : rien. 2. Le silence des géants : Cela fait 6 jours que la toile s'enflamme, mais aucun rapport détaillé n'est sorti chez Kaspersky, CrowdStrike ou Mandiant. Un tel silence sur une menace « blockchain-backed » est suspect. 3. Incohérences techniques : Le ver est décrit comme un « wiper » (effaceur) redoutable. Or, sur une machine Linux bien configurée (sans privilèges sudo par défaut), ses capacités de nuisance sont techniquement limitées au /home. Ma conclusion de terrain Vrai ver ou « hallucination collective » alimentée par des IA de génération de contenu ? La question reste ouverte. Quoi qu'il en soit, cette alerte est un excellent rappel des fondamentaux de sécurité : - Ne travaillez jamais en root : Si vous n'avez pas de sudo actif pour votre user, le ver reste enfermé. - Utilisez des alias protecteurs : De mon côté, mon alias rm='trash-put -i'¹ suffit à rendre n'importe quel script de suppression inopérant (il demande confirmation et met en corbeille). - Verrouillez vos dépendances : pnpm-lock.yaml ou poetry.lock sont vos meilleurs remparts. ____ ¹ trash-put Modifié par Niuxe (27 Mar 2026 - 00:00) 2026-03-26T23:54:41+02:00 Niuxe [Cyber: CanisterWorm] Hoax ou vraie menace ? https://forum.alsacreations.com/topic-9-91640-1.html https://forum.alsacreations.com/topic-9-91640-1.html Bonjour, Une vraie question de débutant... Dans un bloc dont les dimensions sont connues une image dont les dimensions sont connues. Par exemple : Bonjour, Une vraie question de débutant... Dans un bloc dont les dimensions sont connues une image dont les dimensions sont connues. Par exemple : <div> <img src="mon image" alt="" /> </div> div {width: 300px; height: 200px; display: grid; place-content: center} img {width: 200px; height: 160px} Y a-t-il un moyen d'appliquer un padding automatique de façon à ce que l'image + le padding occupe tout le Div ? La finalité est de rendre l'image cliquable sur toute la taille du Div. margin: auto fonctionne, y -t-il une déclaration équivalente pour le padding ? J'espère que ce n'est trop confus... 2026-03-25T19:48:29+02:00 boteha_2 Padding automatique d'une image dans un bloc https://forum.alsacreations.com/topic-1-91639-1.html https://forum.alsacreations.com/topic-1-91639-1.html upload/1774003711-87748-screenshot.jpeg Bonjour, J'ai une feuille de style qui me permet de mettre en forme un DIV. Le résultat est en pièce jointe. Le seul problème, c'est upload/1774003711-87748-screenshot.jpeg Bonjour, J'ai une feuille de style qui me permet de mettre en forme un DIV. Le résultat est en pièce jointe. Le seul problème, c'est que le "titre" du label est codé dans le source HTML et je n'arrive pas à l'ajouter dans le style du DIV. <div class="code">Lorem ipsum ... <span class="label">label</span></div> ps : évidemment, je peux publier mon css mais pensez-vous que cela soit faisable ? Modifié par louis28 (20 Mar 2026 - 11:48) 2026-03-20T11:47:00+02:00 louis28 Label d'un div https://forum.alsacreations.com/topic-4-91638-1.html https://forum.alsacreations.com/topic-4-91638-1.html Bonjour Je sèche depuis ce matin : impossible de faire fonctionner mask-image, qui ne m'affiche que du vide. Testé avec un autre svg (https://staging.svgrepo.com/show/206962/school-bell.svg) Bonjour Je sèche depuis ce matin : impossible de faire fonctionner mask-image, qui ne m'affiche que du vide. Testé avec un autre svg (https://staging.svgrepo.com/show/206962/school-bell.svg) avec le même résultat. J'ai pourtant employé cela sur d'autres sites, et de la même façon sans problème. .monbouton button::before { content: ""; mask-image: url("img/sprite.svg"); background-color: black; width: 48px; height: 48px; display: block; } Je précise que l'url de l'image est bien sûr valide et s'affiche dans le navigateur... Merci de vos lumières! 2026-03-16T16:04:40+02:00 phil_zic Mask-image n'affiche rien?? https://forum.alsacreations.com/topic-4-91637-1.html https://forum.alsacreations.com/topic-4-91637-1.html Bonjour à toutes et à tous. Je souhaite temporairement suite à un futur déménagement de magasin, lors du chargement de ma page index, afficher une fenêtre plus petite et centrée, contenant Bonjour à toutes et à tous. Je souhaite temporairement suite à un futur déménagement de magasin, lors du chargement de ma page index, afficher une fenêtre plus petite et centrée, contenant des informations sur ce déménagement (image + texte). Je souhaite que cette "fenêtre" ne s'ouvre que quelques secondes pour donner l'info et se ferme automatiquement ou avec une petite croix pour la fermé. D'avance merci de votre aide. le site en question : https://www.pic-et-coud.fr Modifié par BruChri (15 Mar 2026 - 11:20) 2026-03-15T11:19:38+02:00 BruChri [Résolu] Ouverture de petite fenêtre sur l'index https://forum.alsacreations.com/topic-1-91635-1.html https://forum.alsacreations.com/topic-1-91635-1.html Bonjour à tous J'ai une connaissance très limitée du SQL, c'est pourquoi j'aimerais de l'aide sur le problème suivant: - J'ai une table Members qui référence les membres de l'association, Bonjour à tous J'ai une connaissance très limitée du SQL, c'est pourquoi j'aimerais de l'aide sur le problème suivant: - J'ai une table Members qui référence les membres de l'association, dont l'identifieur unique est mbID - J'ai une table Groups qui référence les différents groupes qui existent au sein de l'association, dont l'identifieur unique est groupID - J'ai une table MemberGroups qui liste les couples mbID/groupID, ce qui permet de retrouver tous les membres qui appartiennent à un groupe Ma question: quel est le moyen le plus simple d'avoir la liste des membres qui appartiennent à la fois à group1 et group2 ? Pour l'instant j'ai écrit SELECT mb.firstName, mb.lastName FROM Members AS mb WHERE mb.mbID IN ( SELECT mbg.mbID FROM MemberGroups AS mbg WHERE mbg.groupID = 'group1' ) AND mb.mbID IN ( SELECT mbg1.mbID FROM MemberGroups AS mbg1 WHERE mbg1.groupID = 'group2' ) J'obtiens bien le résultat souhaité, mais j'ai le sentiment qu'il doit y avoir une façon plus simple d'obtenir ce résultat, d'autant que j'ai parfois besoin d'obtenir la liste des membres qui appartiennent à 3 groupes, ce qui fait un code très lourd. Merci pour vos conseils. Modifié par Niuxe (16 Mar 2026 - 11:22) 2026-03-12T14:20:35+02:00 PapyJP [Résolu] SQL membres qui appartiennent à la fois à group1 et group2 https://forum.alsacreations.com/topic-20-91634-1.html https://forum.alsacreations.com/topic-20-91634-1.html Bonjour. Je bosse actuellement sur un petit outil interne pour gérer quelques locations et je sèche un peu sur la partie automatisation des documents. L'idée serait de pouvoir générer proprement des Bonjour. Je bosse actuellement sur un petit outil interne pour gérer quelques locations et je sèche un peu sur la partie automatisation des documents. L'idée serait de pouvoir générer proprement des quittances de loyer et des états des lieux (si possible avec photos) directement en PDF, un peu comme ce que font les plateformes de gestion locative actuelles. J'aimerais aussi automatiser les avis d'échéance à chaque début de mois. Vous auriez des retours d'expérience sur des bibliothèques PHP ou des scripts JS qui permettent de gérer ça proprement ? Notamment pour que le rendu reste propre sur mobile quand on fait l'état des lieux sur place. 2026-03-10T12:28:28+02:00 Lior Automatiser la génération de quittances et d'états des lieux en PHP https://forum.alsacreations.com/topic-9-91633-1.html https://forum.alsacreations.com/topic-9-91633-1.html Bonjour à nouveau à toutes et à tous. J'aurais aimé qu'il y ait une partie dédié au présentation sur le forum. Bon moi je veux quand faire ma présentation afin de me faire connaître et aussi de Bonjour à nouveau à toutes et à tous. J'aurais aimé qu'il y ait une partie dédié au présentation sur le forum. Bon moi je veux quand faire ma présentation afin de me faire connaître et aussi de mieux vous connaître sur le forum pour ceux qui veulent. Alors, je suis Kiwalli. Je m’intéresse au développement web depuis quelque temps, surtout à l’intégration et à tout ce qui touche aux bonnes pratiques autour du HTML et du CSS. J’aime bien comprendre comment structurer proprement une page et essayer d’améliorer mes méthodes au fil des projets. Je parcours Alsacréations depuis un moment déjà pour lire certaines discussions et j’ai finalement décidé de m’inscrire pour pouvoir participer et poser quelques questions quand je bloque sur certains points. Je travaille sur quelques petits projets web en ce moment, donc je pense que j’aurai sûrement l’occasion de demander des avis ou d’échanger avec vous sur différents sujets. Au plaisir de discuter avec vous sur le forum Kiwalli 2026-03-09T11:55:07+02:00 Kiwalli Je lance ce sujet pour me présenter et faire + connaissance avec vous https://forum.alsacreations.com/topic-1-91631-1.html https://forum.alsacreations.com/topic-1-91631-1.html Bonjour à toutes et tous, Je travaille en ce moment sur le site d’un petit prestataire local et je me pose pas mal de questions sur la manière de structurer correctement certaines pages de service. Bonjour à toutes et tous, Je travaille en ce moment sur le site d’un petit prestataire local et je me pose pas mal de questions sur la manière de structurer correctement certaines pages de service. L’idée est simple : il propose différentes prestations dans une zone géographique précise, et chaque page cible un service + une ville. D’un point de vue contenu ça fonctionne bien, mais en regardant le code je me demande si la structure HTML est vraiment optimale. Par exemple je me retrouve avec une page assez classique : un titre principal, plusieurs sections qui détaillent les prestations, un bloc de présentation, puis quelques éléments plus contextuels comme la zone d’intervention et des exemples de projets. Sur le plan visuel ça va, mais en regardant la hiérarchie des titres et la structure des sections je me demande si je ne pourrais pas faire quelque chose de plus propre sémantiquement. Je vois souvent des débats sur l’utilisation des sections, des articles ou même des micro-données pour aider à mieux structurer ce type de contenu. Dans mon cas ce sont des pages assez simples, mais je me demande quand même si ça vaut le coup de pousser la sémantique un peu plus loin ou si c’est inutilement compliqué. Si certains d’entre vous ont déjà travaillé sur ce genre de pages (sites de petites entreprises, pages de service local, etc.), je serais curieuse de savoir comment vous structurez votre HTML pour garder quelque chose de propre et cohérent. Merci d’avance pour vos retours, je suis sûre que je peux améliorer deux ou trois choses dans mon intégration. 2026-03-09T11:48:51+02:00 Kiwalli Structurer correctement une page de service locale (HTML + sémantique https://forum.alsacreations.com/topic-9-91630-1.html https://forum.alsacreations.com/topic-9-91630-1.html Bonjour, Je m’intéresse a la génération automatique de contenu pour mes pages web. J’ai vu qu’il y avait des outils qui aident à produire du texte en intégrant des mots-clés, Bonjour, Je m’intéresse a la génération automatique de contenu pour mes pages web. J’ai vu qu’il y avait des outils qui aident à produire du texte en intégrant des mots-clés, mais je voudrais pas que ça devienne illisible ou trop répétitif. Est-ce que quelqu’un utilise des scripts ou plugins pour WordPress pour ça ? Et comment vous faites pour garder un style lisible tout en automatisant un peu la production de texte ? Je veux pas que ça ressemble a du spam, mais je cherche un peu à gagner du temps sur la rédaction. 2026-03-05T14:23:45+02:00 Palan Automatiser la rédaction de contenu web https://forum.alsacreations.com/topic-20-91629-1.html https://forum.alsacreations.com/topic-20-91629-1.html Bonjour. J'analyse actuellement différentes approches IA, d'un côté des outils orientés "bulk" pour sortir du volume, et de l'autre des solutions comme Wisewand qui promettent une structure sémantique Bonjour. J'analyse actuellement différentes approches IA, d'un côté des outils orientés "bulk" pour sortir du volume, et de l'autre des solutions comme Wisewand qui promettent une structure sémantique plus propre et respectueuse des balises Hn. Pour ceux qui ont déjà sauté le pas, constatez-vous une réelle différence sur la qualité du code généré (accessibilité, balisage propre) entre une production de masse et des outils plus artisanaux ? Le gain de temps sur la rédaction ne finit pas par se perdre en repassant derrière pour corriger l'intégration et l'optimisation sémantique ? 2026-03-05T09:54:29+02:00 Nerys Rédaction SEO par IA : quel rendu sur les standards web ? https://forum.alsacreations.com/topic-9-91628-1.html https://forum.alsacreations.com/topic-9-91628-1.html Salut, petite question un peu différente du code pur. Dans mon agence on cherche à faire un moment d’équipe hors bureau, pas un séminaire corporate classique mais Salut, petite question un peu différente du code pur. Dans mon agence on cherche à faire un moment d’équipe hors bureau, pas un séminaire corporate classique mais plutôt un truc où les devs/designers bossent ensemble autrement. L’idée serait de garder un côté créatif ou résolution de problème, pas juste boire un verre quoi. On hésite entre un jeu de piste urbain ou un atelier de construction collective (genre défi en équipe). Je trouve que ça peut être intéressant pour casser les silos entre intégration, design et back, parce que chacun reste souvent dans son coin. Certains formats marchent mieux avec des profils techniques ? Les devs ont tendance à décrocher vite quand c’est trop “animation RH” Si vous avez déjà vécu un atelier qui a vraiment créé de l’échange entre collègues techniques je veux bien des retours. Modifié par Izzydor (09 Mar 2026 - 13:27) 2026-03-02T10:00:57+02:00 Izzydor Organisation d’un atelier collaboratif pour une équipe web https://forum.alsacreations.com/topic-9-91627-1.html https://forum.alsacreations.com/topic-9-91627-1.html Bonjour à vous tous, Voici du code HTML dont la coloration syntaxique a été faite avec la bibliothèque https://highlightjs.org <!DOCTYPE html> <html lang="fr"> Bonjour à vous tous, Voici du code HTML dont la coloration syntaxique a été faite avec la bibliothèque https://highlightjs.org <!DOCTYPE html> <html lang="fr"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/atom-one-dark.min.css"> <style> pre code.hljs { background-color: #0d1117; } code mark { background-color: #ffd33d; color: #000; padding: 0 2px; border-radius: 3px; } </style> <title>Titre de la page</title> </head> <body> <pre><code class="language-html" data-highlight='aria-activedescendant="option-2"'>&lt;!DOCTYPE html&gt; &lt;html lang="fr"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt; &lt;link rel="stylesheet" href="styles.css"&gt; &lt;title&gt;Titre de la page web&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;input id="searchbox" role="combobox" aria-activedescendant="option-2" aria-owns="listbox" aria-haspopup="listbox"&gt; &lt;ul id="listbox" role="listbox"&gt; &lt;li id="option-1" role="option"&gt;Pomme&lt;/li&gt; &lt;li id="option-2" role="option"&gt;Poire&lt;/li&gt; &lt;!-- actif --&gt; &lt;li id="option-3" role="option"&gt;Banane&lt;/li&gt; &lt;/ul&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script> <script> document.querySelectorAll("code").forEach(code => { const target = code.dataset.highlight; code.innerHTML = code.innerHTML.replace( target, `<mark>${target}</mark>` ); }); </script> <script> hljs.highlightAll(); </script> </body> </html> Je voudrais maintenant surligner une ligne du code de cette manière : upload/1772435533-62242-capturedancran2026-01-2310562.png Mais ce n'est pas possible, ce que vous voyez ci-dessus est simplement une sélection à la souris puis une capture écran pour illustrer ce que je veux obtenir. J'ai essayé en ajoutant la balise <mark> et </mark>, encapsulant la ligne aria-activedescendant="option-2", mais ça ne fonctionne pas, parce que chaque ligne est considérée comme du texte brut et aucune balise placée à l'intérieur ne peut être exécutée. J'ai soumis le problème à ChatGPT et il ne sait pas comment faire. Confirmez-vous qu'il n'y a pas de solution ? Que le code soit avec vous Modifié par ObiJuanKenobi (02 Mar 2026 - 10:57) 2026-03-02T08:11:44+02:00 ObiJuanKenobi Pourquoi on en peut pas surligner une ligne de code encapsulé ? https://forum.alsacreations.com/topic-2-91626-1.html https://forum.alsacreations.com/topic-2-91626-1.html