Discussion modèle:Liste horizontale

Autres discussions [liste]

Admissibilité
Neutralité
Droit d'auteur
Article de qualité
Bon article
Lumière sur
À faire
Archives
Commons

Améliorations souhaitées modifier

Dernier commentaire : il y a 7 ans6 commentaires3 participants à la discussion

Hlm Z., Zebulon84 et Ltrlg : Bonsoir, afin de pouvoir intégrer ce modèle par défaut dans les palettes de navigation, il me semble indispensable d'ajouter quelques fonctionnalités qui sont présentes sur wp:en.

Voir tableau ci-après :

Syntaxe	Affichage souhaité	Affichage obtenu
{{Liste horizontale\| Liste des courses : * [[Tomate]] cerises cœur de boeuf * [[Concombre]] * [[Carotte]] * [[Épinard]] Et surtout : * [[Patate]] * [[Banane]] Ne pas oublier : * le pain * le saucisson }}	Comme dans le modèle équivalent de WP-en Liste des courses : Tomate (cerises · cœur de bœuf) · Concombre · Carotte · Épinard Et surtout : Patate · Banane Ne pas oublier : le pain · le saucisson Autre possibilité (de préférence) Liste des courses : Tomate (cerises · cœur de bœuf) · Concombre · Carotte · Épinard Et surtout : Patate · Banane Ne pas oublier : le pain · le saucisson	Liste des courses : Tomate cerises cœur de boeuf Concombre Carotte Épinard Et surtout : Patate Banane Ne pas oublier : le pain le saucisson
Solution alternative avec « ; » en début de ligne {{Liste horizontale\| ;Liste des courses * [[Tomate]] cerises cœur de boeuf * [[Concombre]] * [[Carotte]] * [[Épinard]] ;Et surtout * [[Patate]] * [[Banane]] ;Ne pas oublier * le pain * le saucisson }}	Liste des courses Tomate (cerises · cœur de bœuf) · Concombre · Carotte · Épinard Et surtout Patate · Banane Ne pas oublier le pain · le saucisson	Liste des courses Tomate cerises cœur de boeuf Concombre Carotte Épinard Et surtout Patate Banane Ne pas oublier le pain le saucisson Remarque : l'affichage est correct sauf dans les pages de discussion, comme ici...
Listes numérotées Liste des courses : {{Liste horizontale\| # [[Tomate]] # [[Concombre]] # [[Carotte]] # [[Épinard]] # [[Patate]] # [[Banane]] # le pain # le saucisson }}	Comme dans le modèle équivalent de WP-en Liste des courses : 1 Tomate 2 Concombre 3 Carotte 4 Épinard 5 Patate 6 Banane 7 le pain 8 le saucisson Autre possibilité (de préférence) Liste des courses : 1. Tomate 2. Concombre 3. Carotte 4. Épinard 5. Patate 6. Banane 7. le pain 8. le saucisson	Liste des courses : Tomate Concombre Carotte Épinard Patate Banane le pain le saucisson

Qui pourrait s'en charger ? --FDo64 (discuter) 7 mars 2016 à 22:43 (CET)Répondre

Je n’ai plus l’implémentation exacte en tête, mais il me semble pouvoir dire, dans l’ordre :

1. Avoir le même comportement doit être faisable, il faudra juste s’assurer que les utilisations dépendant de la version actuelle seront corrigées (j’en ai commis moi-même)
2. Celui-ci en revanche me semble plus délicat (entendre : je ne vois pas la moindre piste d’implémentation) si l’on s’impose un unique usage du modèle (plusieurs à la suite avec la version actuelle donnant l’affichage souhaité… sous conditions et en espérant que MediaWiki ne change pas de comportement pour ce qui peut être considéré comme un point discutable de la syntaxe).
Cette version n’est pas envisageable pour un modèle mettant en avant sa plus grande accessibilité.
Le numérotage ne me semble pas trop compliqué, même si je ne l’ai jamais pratiqué ; la correction des marges est triviale (en fait, l’affichage presque correct des listes ordonnées n’est qu’un effet de bord de l’implémentation actuelle, qui ne vise que les listes non ordonnées).

— bonnes contributions, Ltrlg (discuter), le 8 mai 2016 à 00:49 (CEST)Répondre

J'ai légèrement modifié le modèle pour que le code HTML soit correct, et pour que le premier exemple correspondent à la présentation du modèle anglais. Si on veut que la liste soit à la suite du texte, il ne faut pas faire de retour ligne avant le titre. Exemple ci-dessous.
Je vais regarder pour ajouter les n° sur les listes ordonnées. — Zebulon84 (discuter) 8 mai 2016 à 16:32 (CEST)Répondre

{{Liste horizontale|Liste des courses :
* [[Tomate]]
** cerises
** cœur de boeuf
* [[Concombre]]
* [[Carotte]]
* [[Épinard]]
}}
{{Liste horizontale|Et surtout :
* [[Patate]]
* [[Banane]]
}}
{{Liste horizontale|Ne pas oublier :
* le pain
* le saucisson
}}

Liste des courses :

Tomate
- cerises
- cœur de boeuf
Concombre
Carotte
Épinard

Et surtout :

Ne pas oublier :

le pain
le saucisson

Super, merci déjà pour cette première correction. J'attends donc maintenant les listes numérotées. A+ --FDo64 (discuter) 8 mai 2016 à 16:46 (CEST)Répondre

Fait.

Contrairement aux listes non ordonnées, le points médian n'est pas en gras, car cela met aussi les numéros en gras. Si on trouve qu'il n'est pas assez visible, il faut passer au gros point médian (•). — Zebulon84 (discuter) 8 mai 2016 à 18:39 (CEST)Répondre

Merci ! Le point médiant ne me choque pas, mais pourquoi pas...

Maintenant, je vais pouvoir réécrire les quelques palettes qui utilisaient des listes numérotées. Je te reviens si nécessaire (donc sans doute pas !). --FDo64 (discuter) 8 mai 2016 à 18:50 (CEST)Répondre

Retour à la ligne modifier

Dernier commentaire : il y a 6 ans7 commentaires3 participants à la discussion

Bonjour à tous.

Hlm Z., Zebulon84 et Ltrlg : je vous notifie puisque vous avez été notifiés sur la précédente discussion.

Est-ce qu'il y aurait un moyen d'éviter le retour à la ligne provoqué par le div ?
C'est à dire commencer une phrase avec un terme, puis sur la même ligne afficher la liste plate. Exemple :

Jour : {{Liste horizontale|
* [[Lundi]]
* [[Mardi]]
* [[Mercredi]]
}}

Jour : Lundi • Mardi • Mercredi

PS : Je précise que ceci fonctionne

{{Liste horizontale|
* Jour : [[Lundi]]
* [[Mardi]]
* [[Mercredi]]
}}

Mais je ne peux pas le faire, car la liste est dressée par un bot. -- Archimëa [Toc 2 Mi] 18 juillet 2016 à 03:11 (CEST)Répondre

Archimëa : comme le montre mon premier message dans la section précédente, c'était possible jusqu'à ce qu'Od1n ajoute un retour ligne systématique au début de la liste.

Je vois deux possibilités pour résoudre ce problème :

supprimer ce retour ligne et compter sur la MediaWiki pour ajouter ce retour ligne lors du trim si le paramètre commence par « * ». Mais comme je suis plutôt pour la suppression de cet ajout automatique de MediaWiki, je ne suis pas vraiment chaud ;
ajouter un paramètre « titre » ou « introduction » pour positionner du texte sur la même ligne (techniquement à l'interieur de div, mais sans retour ligne car MediaWiki ajoute alors un ).

— Zebulon84 (discuter) 22 juillet 2016 à 14:24 (CEST)Répondre

Zebulon84 : Merci pour ton aide. Pourquoi pas, ce paramètre "introduction"... Même si l'usage sera au départ intimiste, il ne gênera personne, et peut être que d'autres l'utiliseront plus tard. -- Archimëa [Toc 2 Mi] 22 juillet 2016 à 14:30 (CEST)Répondre

Tu es sûr que c'était possible avant ? J'ai un retour à la ligne quand je teste :

Jour : <div class="liste-horizontale">
* [[Lundi]]
* [[Mardi]]
* [[Mercredi]]
</div>

Je pense que dans le cas présent, le mieux serait d'ajouter un paramètre |style=display:inline. En revanche ne pas l'intégrer au modèle par défaut, car cela amenerait d'autres soucis.

od†n ↗^blah 22 juillet 2016 à 19:36 (CEST)Répondre

Mouais, pas terrible non plus en fait. Le parseur fait vraiment n'importe quoi au niveau des  automatiques… od†n ↗^blah 22 juillet 2016 à 19:48 (CEST)Répondre

Pour info, la page concernée par cette discussion est Portail:Jeu vidéo/Articles labellisés (et le problème a été résolu avec mon correctif "display:inline" indiqué ci-dessus). od†n ↗^blah 20 novembre 2016 à 00:56 (CET)Répondre

od†n : Sans display-inline, on peut avoir tout sur la même ligne avec

<div class="liste-horizontale">Jour : 
* [[Lundi]]
* [[Mardi]]
* [[Mercredi]]
</div>

ce qui évite la création du

Je propose donc d'ajouter un paramètre titre à l'intérieur du div :

<div class="liste-horizontale {{{classe|}}}" {{#if:{{{style|}}}|style="{{{style}}}"}}>{{#if:{{{titre|}}}|{{{titre|}}} :}}
{{trim|{{{1|}}}}}
</div>

— Zebulon84 (discuter) 10 octobre 2017 à 16:49 (CEST)Répondre

Bug d'affichage modifier

Dernier commentaire : il y a 2 ans12 commentaires3 participants à la discussion

Suite à cette discussion [1], je rapporte un bug d'affichage sur ces palettes :

{{Palette Jeux vidéo Batman}}, {{Palette Fire Emblem}}, {{Palette Grand Theft Auto}}

Avec Firefox, il y a des liens qui dépassent du cadre...

Le bug est confirmé par un autre utilisateur sous Firefox, aucune info sous Chrome ou autre...

Je notifie les participants/créateurs du modèle Hlm Z. et Zebulon84 et Od1n (désolé, je suis après toi en ce moment, mais là c'est pas de ma faute! :) ). -- Archimëa [Toc 2 Mi] 9 octobre 2018 à 23:18 (CEST)Répondre

Déjà rencontré ce problème, apparemment c'est spécifique à Firefox, et j'ai l'impression que ce sont les étoiles AdQ/BA qui provoquent le bug.

Le bug doit se trouver au niveau de Firefox, j'imagine que ça sera corrigé un jour… (pour info, Pale Moon ne semble pas avoir le bug. Je dis ça, je dis rien…)

od†n ↗^blah 10 octobre 2018 à 06:01 (CEST)Répondre

Od1n : OK, merci pour les infos. Il faudrait faire un rapport de bug chez eux. -- Archimëa [Toc 2 Mi] 10 octobre 2018 à 10:04 (CEST)Répondre

Je me suis inscrit sur leur site pour faire un rapport de bug... tous les rapports on l'air d'être traités (soit marqués faux ou résolus ou en cours)... donc à voir... -- Archimëa [Toc 2 Mi] 10 octobre 2018 à 12:57 (CEST)Répondre

Od1n : je te notifie, car il y a eu quelques recherches et réponses cette nuit sur ce bug [2].

Od1n : Je crois qu'ils proposent un changement dans le css de .liste horizontale. -- Archimëa [Toc 2 Mi] 12 octobre 2018 à 08:34 (CEST)Répondre

Ta demande là-bas a effectivement trouvé écho. J'ai ajouté des infos sur le ticket.

J'en profite pour préciser qu'en fait les étoiles AdQ/BA ne doivent pas être en cause, vu qu'il n'y en a pas sur la palette Batman…

od†n ↗^blah 12 octobre 2018 à 11:33 (CEST)Répondre

Ok, donc c'est toi. et oui, je ne sais pas si c'est acceptable, cela devient trop technique et les choix de codage trop complexe pour le profane ! -- Archimëa [Toc 2 Mi] 12 octobre 2018 à 13:29 (CEST)Répondre

Honnêtement, quand j'avais laissé tomber la réécriture, je ne sais plus si c'est parce qu'il y avait un truc vraiment impossible, ou juste que ça commençait à me gonfler et que c'était peut-être possible à débloquer… od†n ↗^blah 12 octobre 2018 à 14:57 (CEST)Répondre

Personnellement, je peux pas commenter, je peux pas savoir si ca nécessite une réécriture ou pas, ou si c'est bien du côté Firefox. Ce qui me semble étrange, c'est que cela fonctionne sur Chrome et pas sur Firefox. CQFD. -- Archimëa [Toc 2 Mi] 12 octobre 2018 à 17:17 (CEST)Répondre

┌─────────────────────────────────────────────────┘
Od1n et Zebulon84 : Je me demande si ca vient bien des small. J'ai mis le modèle sur ma page d'utilisateur et il me semble que le problème est présent [3]. Sans small -- Archimëa [Toc 2 Mi] 18 novembre 2018 à 10:21 (CET)Répondre

Archimëa : C'est lié à une balise dans le dernier élément de la liste, quelle qu'elle soit, pas forcément . Dans ton exemple il y a une balise <a> (un lien) dans une balise (l'italique). Dans les exemples que j'ai mis sur bugzilla j'ai utilisé une balise

— Le message qui précède, non signé, a été déposé par Zebulon84 (discuter), le 23 novembre 2018 à 05:14 (CET)Répondre

Pour information, j'ai réécrit le CSS et les problèmes de sécabilité devraient maintenant être résolus. Refs Discussion MediaWiki:Common.css#Problème de césure avec {{Liste horizontale}}. od†n ↗^blah 13 juillet 2021 à 06:17 (CEST)Répondre

Question CSS et nowrap modifier

Dernier commentaire : il y a 1 an2 commentaires2 participants à la discussion

Bonjour. Voici une question qui concerne tant {{Liste horizontale}} que {{Liste verticale-horizontale}}. Ces modèles (via les classes définies dans MediaWiki:Common.css et dans la feuille de style du second modèle) imposent un white-space: nowrap; dans la "liste horizontale". Y aurait-il moyen de rendre cela paramétrable dans les modèles ? (sans avoir à fixer explicitement un white-space: normal; dans chaque élément). Je pense à la page Portail:Cinéma espagnol/Sélection qui donne des colonnes déséquilibrées si la largeur de la page est petite. Mais la solution réside peut-être dans la définition du conteneur dans la page (en l'occurrence un tableau). Une autre "solution" serait d'utiliser {{·}}, mais je ne crois pas que ce soit une bonne idée. Vos avis seront appréciés. Notification à Od1n, Tractopelle-jaune, FDo64, Ltrlg et Zebulon84, contributeurs ayant travaillé sur ces modèles.

Question connexe : Un appel sans texte dans le premier niveau fonctionne comme attendu. Cela ne semble pas poser de problème mais, vu que ce n'est pas très naturel, j'aimerais confirmation.

{{Liste verticale-horizontale|
*
** A
** B
}}

Merci. — Ideawipik (discuter) 29 mai 2022 à 20:11 (CEST)Répondre

Ideawipik : Je vais revenir vers toi avec une solution concernant la gestion de la sécabilité de {{Liste horizontale}} dès que j'ai un moment (peut-être ce week-end), histoire de régler ce problème une bonne fois pour toute (j'avais déjà commencé à travailler dessus en 2020).

En attendant, voici trois liens concernant ce que j'avais préparé à l'époque :

C'était resté en plan à deux reprises à l'époque en raison d'un manque de temps pour WP pendant plusieurs mois (travail IRL).

Concernant Portail:Cinéma espagnol/Sélection, la cause première est à rechercher dans l'utilisation d'un tableau de mise en page pour faire deux colonnes, solution foncièrement inadaptée aux écrans à largeur réduite.

Pour la question connexe, cela relève de MediaWiki. Le modèle {{Liste horizontale}} n'effectue absolument aucun traitement sur les * ou # en début de ligne (c'est MediaWiki qui les transforme en balises HTML de liste). Le modèle se contente uniquement d'ajouter un div autour avec une classe CSS dédiée. Et c'est le CSS qui provoque le rendu horizontal de la liste, avec les puces de séparation.

Et désolé pour le délai avant ma réponse. mais pas eu trop le temps de m'y pencher ces deux dernières semaines. Mais j'avais gardé la notif dans un coin de ma mête...

— Le message qui précède, non signé, a été déposé par Tractopelle-jaune (discuter), le 11 juin 2022 à 00:36 (CEST)Répondre