Discussion aide:Insérer un tableau (wikicode, expert)

tableau avec tri

• je cherche depuis 10 bonnes minutes comment faire un tableau avec tri des lignes par colonnes pour Provinces d'Iran ; ca m'enerve :( .

• Eureka : class="wikitable sortable". Voir w:Help:Magic_words#Time par exemple (maintenant où mettre cela ?) {{User:STyx/Signature}} 6 août 2007 à 19:01 (CEST)

• faudrait aussi compléter {{Aide/Tableau}}   <STyx @ 24 juillet 2007 à 23:56 (CEST)

Restauration de l'ancien article

Étant donné que cet article-ci est en chantier, incomplet, j'ai demandé le renommage de l'ancien article sous le titre "Aide:Tableau". Voir : Wikipédia:Demande de renommage. Teofilo ◯ 4 septembre 2007 à 13:55 (CEST)

Une image en fond de tableau ?

Bonjour,

Quelqu'un saurait-il la syntaxe à utiliser pour placer une image en fond de tableau, plutôt d'une simple couleur avec style="background-color:#xxxxxx" ?

Par exemple pour réaliser un tableau avec un fond hachuré.

Merci par avance. Darrigan (d) 25 novembre 2007 à 17:50 (CET)

Normalement, c'est simplement background-image: url(...). Seulement, MediaWiki ne l'accepte pas. À moins d'infâmes bidouilles, je crois que la seule solution est de créer une classe CSS à cet effet et de l'ajouter dans le monobook. — Florian, le 25 novembre 2007 à 18:03 (CET)

Merci pour ta réponse rapide :-) Avant que je me plonge sérieusement dans la syntaxe CSS, on aura inventé mieux que MédiaWiki ;-) Darrigan (d) 26 novembre 2007 à 20:02 (CET)

Proposition de restructuration de l'aide sur les tableaux

J'ai découvert Aide:Réaliser un tableau en code wiki il y a peu et aussi Discussion aide:Tableau correspondance wikipedia html/Suppression (Aide:Tableau correspondance wikipedia html re-dirige vers Aide:Tableau maintenant) et une question m'est venu: Pourquoi documenter une chose qui est déconseillée ?

Je ne suis pas contre de faire une page sur l'équivalence entre code wiki et code html, mais pas sur Aide:Tableau qui pourrait être ainsi simplifié et plus orienté pour les débutants (qui ne sont pas informaticiens ou programmeurs, et qui ont plus de chances d'échouer ici). Je pense qu'on devrait faire 2 pages d'aide sur les tableau:

• une page courte et simple avec que du code wiki, et
• une pour la correspondance html-code wiki. Romainhk (QTx10) 19 mars 2008 à 16:43 (CET)

De quoi s'agit-il quand tu parles d'« une chose qui est déconseillée » ? des tableaux de présentation ? De l'utilisation de la syntaxe façon HTML pour les tableaux ? (plutôt ce dernier point, je suppose).

Déconseiller la syntaxe HTML pour les tableaux au motif qu'elle serait plus compliquée ou déroutante... Bof. Franchement Bof. Les tableaux sont un cas classique et emblématique où la syntaxe wiki avec ses {[ à e pas confondre avec ! ni + ou |, sans compter la gestion des retours à la ligne, montre immédiatement ses limites et où un pseudo balisage HTML est tout aussi (voir beaucoup plus) simple pour toutes sortes d'utilisateurs (je parle de pseudo-balisage HTML car 1) ce n'est pas du HTML et ça n'obéit pas à ses contraintes) et 2) ça se résume à des <td> <tr> <th> en début de ligne). Laissons le choix aux gens, et contentons-nous de leur mettre à disposition l'information... --Lgd (d) 28 mars 2008 à 11:57 (CET)

Oui, je parlais de l'utilisation du html pour les tableaux (dixit la phrase: Cependant, les balises de tableaux sont parfois difficiles à éditer, surtout pour quelqu'un n'étant pas à l'aise avec la codage HTML. Pour cette raison, il est conseillé de lui préférer la syntaxe Wiki.); mais on peut supprimer cette mention si elle n'a pas lieu d'être.

Je trouve que les paires de balises <td></td> <tr></tr> <th></th> sont plus compliqués à lire que |, |- ou ! et le contenu du tableau est plus claire à lire en syntaxe wiki, même si cette syntaxe à ces limites.

Par pseudo-balisage HTML, tu parles de syntaxe wiki ou du code html utilisé? Je ne penses pas que l'on puisse parler de pseudo-code autrement que pour la syntaxe wiki. Romainhk (QTx10) 29 mars 2008 à 11:26 (CET)

Non, contrairement à une idée bien répandue, quand on écrit par exemple <table><tr>..., mediawiki n'accepte pas de code HTML, mais une syntaxe wiki qui y ressemble (traitée en tant que tel par son parser, plus précisément sanitizer.php).

Et justement... Il n'y a pas lieu de fermer systématiquement ces peudos balises, par exemple ;-) Voir les judicieuses remarques de Marc Mongenet sur le Bistro, à plusieurs reprises, à ce sujet.--Lgd (d) 29 mars 2008 à 15:11 (CET)

C'est le genre de chose qui devrait figurer dans l'aide. :) Romainhk (QTx10) 30 mars 2008 à 22:06 (CEST)

A recycler n*2

Pareil. Je tombe sur cette page et je la trouve vraiment archaïque. Normale, elle fut ecrite en 2004-2005, discute largement de fonction trop moche (comment avoir un border="10px"), et un chouillant, en fin, du genialissime class="wikitable". Je suis egalement d'accord avec Romainhk : il y a trop de choses, cela perd les nouveaux. Il y a 15 jours, l'utilisateur:Moumine pourtant wikipedien tres actifs m'a ecrit "quand tu commenceras ta refonte des pages d'aide, s'il te plait, occupe-toi des tableaux en priorité prioritaire : j'ai pas encore compris comment faire un tableau et l'aide est du pur charabia" (diff). Moumine est un wikipediens actifs et experimenté. Un nouveau qui tombe sur cette page d'aide meurt sur le champ.

Voila un plan d'action :

• Creation de Aide:Wikitableau, pour débutants (pur débutant wiki and HTML + semi debutants), exposant les dernieres class/technologie et les plus utiliser.
• Retrograder l'actuel Aide:Tableau comme une page experte pour ceux qui veulent en savoir plus.

Romainhk, Moumine, je me lance, vous vuivez ? 220.135.4.212 (d) 30 mars 2008 à 10:21 (CEST)

ce serait beaucoup plus habile de venir d'abord en parler sur Discussion Projet:Aide. --Lgd (d) 30 mars 2008 à 10:38 (CEST)

Vu. Le projet Aide discute beaucoup trop. J'ai deja tenté, c'est trop lent. 220.135.4.212 (d) 30 mars 2008 à 10:53 (CEST)

Très franchement que vous trouviez cela « trop lent » n'a aucun intérêt. Si cela se trouve, cela irait mieux et plus vite si vous y contribuiez intelligemment ;-) --Lgd (d) 30 mars 2008 à 10:59 (CEST)

Division de cellules

Bonjour,

J'aimerais savoir comment on peut diviser une cellule en deux selon la diagonale ? Ce serait utile par exemple dans des tableaux à deux entrées, ou dans des tables de lois. Comment faire en code wiki ? Avec le HTML ? (Et, puisque j'y suis, aussi en LATEX - même si évidemment on n'écrit pas en LATEX dans un wiki, les trois codages se ressemblent un peu beaucoup.)

Merci, Octozor (d) 29 mai 2008 à 11:11 (CEST)

Pour faire bref: on ne peut pas (on peut tenter quelque-chose qui y ressemble vaguement de loin par une nuit de brouillard via diverses astuces notamment CSS, mais elles sont tellement fragiles que la réponse est finalement non , désolé). Cordialement--Lgd (d) 29 mai 2008 à 11:18 (CEST)

C'est dommage ... Tant pis. Autre question : comment trace-t-on une ligne horizontale dans un tableau ?

Par exemple :

4  546  213
+	5  322  741
9  868  954

J'aimerais tracer une ligne horizontale (ce que fait un élève quand il "pose" une addition). J'ai essayé d'insérer <hline /> mais ce n'est pas la bonne balise. Merci Octozor (d) 30 mai 2008 à 20:34 (CEST)

Un poil en retard, mais c'est avec ---- ;) Vivi-1 (d · c · b) sous IP: 82.236.230.156 (d) 5 novembre 2008 à 20:01 (CET)

Recommandation sur l'utilisation de la syntaxe HTML

On trouve dans l’introduction la phrase suivante (le gras est de moi):

Même s'il est possible d'insérer directement du code HTML pour créer des tableaux (ce code ne sera pas affiché tel quel mais retraité par MediaWiki), il lui est préféré la syntaxe Wiki, bien qu'elle soit illisible dès qu'un tableau est un tout petit peu élaboré.

Moi, j’aurais dit exactement le contraire, du genre « Il est aussi possible d'insérer directement du code HTML pour créer des tableaux (ce code ne sera pas affiché tel quel mais retraité par MediaWiki). Cette dernière méthode est préférable dès qu'un tableau devient un peu élaboré, puisque la syntaxe Wiki devient rapidement illisible dans ce cas. »

J’irais même beaucoup plus loin. En effet, la syntaxe wiki des tableaux d’une part, et les fonctions parseurs et les modèles d’autre part, ne font pas bon ménage pour les raisons suivantes :

• Dans la syntaxe wiki des tableaux, les retours à la ligne sont significatifs ; dans les modèles, ils sont supprimés sous certaines conditions. Autre difficulté à prendre en compte: une suite de plusieurs retours à la lignes provoque l’insertion d’un nouveau paragraphe.
• La barre verticale est utilisée dans la syntaxe des deux constructions, ce qui oblige à utiliser des circonvolutions du genre le modèle {{!}} dès qu’une ligne d’un tableau apparait dans l’argument d’un modèle.

Ces deux points font que l’utilisation conjointe de syntaxe wiki des tableaux et de modèles/fonctions parseurs est un véritable cauchemar, et conduisent parfois à des bricolages douteux, du genre l’utilisation impropre de CSS (classe « hiddenStructure ») au lieu de la fonction parseur « {{#if:...}} » pour gérer les lignes conditionnelles (voir la discussion récente Discussion Wikipédia:Atelier accessibilité#HiddenStructure pour ce dernier point). Je propose donc :

L’utilisation de la syntaxe dite « wiki », peut devenir rapidement illisible dès que le tableau devient un peu complexe, et entre en conflit avec la syntaxe des fonctions parseurs et des modèles ; elle n’est donc pas adaptée aux modèles, spécialement ceux générant des tableaux avec parties facultatives. Dans les modèles, il est donc fortement recommandé d’utiliser plutôt la syntaxe équivalente ressemblant au HTML.

—C.P. 7 juillet 2009 à 12:25 (CEST) et 15:01 (CEST)

J'approuve chaudement, pour les mêmes raisons. --Lgd (d) 12 juillet 2009 à 09:36 (CEST)

fait --Lgd (d) 18 juillet 2009 à 10:25 (CEST)

Couleur des bordures des colonnes

Bonjour à tous,

Je cherche mettre en blanc la bordure d'une colonne.

Mon tableau comporte 3 colonnes. Je souhaite mettre en blanc la bordure droite de la première colonne. J'utilise un wikitable.

Colonne 1	Colonne 2	Colonne 3
bordure blanche à droite souhaitée	bordure blanche à gauche souhaitée	Texte
bordure blanche à droite souhaitée	bordure blanche à gauche souhaitée	Texte
bordure blanche à droite souhaitée	bordure blanche à gauche souhaitée	Texte

Si vous savez comment faire, je vous en remercie d'avance.

JackPotte ($♠) 24 février 2013 à 01:15 (CET)

Bonjour, dois-je procéder de la même manière si je veux un wikitable sans bordures (border="0" étant, si j’ai bien compris, incompatible avec wikitable) ? --froisois (discuter) 26 novembre 2013 à 14:21 (CET)

Exemple

pas de bord souhaité

pas de bord souhaité

Tableau et liste

Bonsoir,

Comment créer un tableau dans une liste ?

• {| class="wikitable"

|Élément |}

Cordialement, --Lacrymocéphale (discuter) 9 février 2014 à 20:24 (CET)

tableau et image

Bonjour à ceux qui suivent cette page. Je cherche à savoir s'il est possible de faire cohabiter une image placée à droite d'un texte et un tableau centré. Lorsque j'essaie avec le style wikitable center , le tableau vient prendre toute la largeur de la page mais sous l'image et si je choisis wikitable, le tableau se colle à gauche en laissant un espace disgracieux avec l'image placée à droite. Y a-t-il une solution ? HB (discuter) 26 février 2014 à 17:13 (CET)

Bon pas beaucoup d'aide sur cette page...Pour ceux qui rencontreraient le même problème, j'ai trouvé une solution pis-aller qui consiste à écrire class="wikitable centrer" width="70%". HB (discuter) 28 février 2014 à 17:59 (CET)

Il n'y a apparemment pas de problème si on utilise la syntaxe de base donnée dans Aide:Tableau. cf. ci-dessous. -- Amicalement, Salix ^[Converser] 28 février 2014 à 18:18 (CET)

Image

Titre

	Titre col. A	Titre col. B	Titre col. C
Titre ligne 1	Donnée 1A	Donnée 1B	Donnée 1C
Titre ligne 2	Donnée 2A	Donnée 2B	Donnée 2C
Titre ligne 3	Donnée 3A	Donnée 3B	Donnée 3C

Oups, pardon pour mon impatience (et ma faute de frappe)... et merci pour ta réponse. Ma question portait sur l'utilisation de wikitable center (et non wikitable centre). J'ai d'ailleurs signalé dans Discussion aide:Tableau#wikitable centre et wikitable center ne sont pas synonymes le comportement différent des deux syntaxes que je croyais synonyme HB (discuter) 28 février 2014 à 18:31 (CET)

Tableau et tri de la date en français

Bonjour, serait-il possible d'inclure dans le processus de tri le classement à partir de date aux formats plus adaptés au Français. Les formats triables sont actuellement, si je ne me trompe pas :02-08-2005 ou 02-aug-2005 ou 02.aug.2005 ou 02.Aug.2005 ou 02/08/2005. Ne pourrais-t-on pas ajouter une fonction de tri opérationnelle à partir du format 10 janvier 2014 ? Merci d’avance pour vos réponses. Cordialement. --Julien1978 _(d.) 29 avril 2014 à 11:13 (CEST)

Répondu sur Wikipédia:Questions techniques/semaine 18 2014#Tri des dates. -- Speculos ^✉ 29 avril 2014 à 19:00 (CEST)

colspan/rowspan et sortable

Bonjour,

On lit dans l'aide :

Les tables ayant des cellules s’étendant sur plusieurs rangées (rowspan) ou colonnes (colspan) ou ayant des cellules manquantes en fin de ligne peuvent ne pas se trier correctement (la fonctionnalité de tri ne reconnait pas explicitement les groupes de rangées ou de colonnes induits par la présence de cellules fusionnées).

Les tableaux triables avec "rowspan" fonctionnent aujourd'hui bien. Par contre, la situation ne s'est pas arrangée pour les "colspan" ni les tableaux dont toutes les cellules en fin de ligne sont manquantes. Pourtant, le clôture du rapport de bug concernant ce problème laissait entendre que "colspan" n'entravait plus le tri des pages, mais je n'ai pas trop compris les subtilités de la discussion.

Quelqu'un saurait s'il y a un moyen de faire un tableau avec colspan qui fonctionne, et si non quelle sont mes recours pour tenter de faire s'améliorer la situation ? Encolpe 14 octobre 2014 à 10:19 (CEST)

Titre sur 2 lignes

Quand un titre est sur deux lignes (avec rowspan et colspan) il faudrait donner la marche à suivre et des exemples. Je vais aller voir l'aide anglaise pour savoir comment faire.
J'ai trouver dans l'aide en anglais : ici. — Berdea (discuter) 10 mars 2016 à 10:19 (CET)

Tri nombre + référence

Lorsqu'un tableau de nombres est triable, mais que des références sont insérées dans les colonnes, alors la cellule prend la valeur d'un texte (probleme persistant malgré {{num|11}}, et l'ordre de se retrouve à être : 1,2,20,25,3,4,5 ... au lieu de 1,2,3,4,5,20,25. Comment peut on solutionner ce problème ? Roumpf ^[Message] 24 mai 2016 à 21:31 (CEST)

En utilisant un modèle comme {{Smn}} ou {{Tri}} — Zebulon84 (discuter) 24 mai 2016 à 22:22 (CEST)

Bonjour, Je n’avais pas vu la réponse, j'y reviens. Lorsque l’on met le modèle {{unité}}, le tri ne se fait pas, il faudrait en plus rajouter {{tri}} ? Il serait pourtant logique d'avoir un tri numérique avec le modèle {{Unité}} pour limiter les contraintes de rédaction, non ? Roumpf ^[Message] 11 décembre 2016 à 17:25 (CET)

{{Unité}} est destiné aux nombres suivis d'une unité, qu'ils figurent ou pas dans un tableau. Il ne serait pas souhaitable d'y ajouter une fonctionnalité spécifique aux tableaux. D'ailleurs l'exemple que vous donniez au début ne semble pas lié à une unité et ne nécessite donc pas l'utilisation de {{Unité}} ; s'il s'agit de mettre en forme un nombre, par exemple en insérant des espaces tous les trois chiffres, {{Smn}} le fait déjà.

Cela dit, on pourrait bien sûr imaginer un modèle {{UnitéSmn}} ou {{UnitéTri}} qui combinerait les deux modèles ; d'ailleurs peut-être existe-t-il quelque part... Seudo (discuter) 12 décembre 2016 à 14:07 (CET)

D'accord, merci je comprends mieux l'intérêt de chaque du moins. Dans mon exemple c'est quand j'ai un nombre avec une référence que le tri n’est plus respecté, pour sourcer le nombre de personnes en Bourgogne en 2016, on a : 5000<ref>Réference</ref>, donc on n'a plus seulement un nombre, mais un texte, trié dans l'ordre alphabétique et non plus numérique (0, 5, 50, 10 au lieu de 0, 5, 10, 50). Et ce problème se retrouve aussi quand on a le modèle {{unité}} donc il pourrait être utile dans ces deux cas. Je m'en vais chercher ce modèle combinant les deux, ou sinon en faire une proposition ;). À suivre, merci ! Roumpf ^[Message] 12 décembre 2016 à 15:20 (CET)

Réinitialisation d'un tableau trié

Bonjour, dans un tableau trié, il est souvent impossible de revenir à la présentation initiale. Y a-t-il une façon de réinitialisation le tableau suite à un changement de tri. Merci. --Yanik ^B 7 décembre 2016 à 20:17 (CET)

Je ne suis pas sûr de comprendre... Le tri n'est pas enregistré, donc il suffit de recharger la page pour retrouver la présentation initiale du tableau. Seudo (discuter) 7 décembre 2016 à 21:54 (CET)

Suis-je bête, un simple F5 fait effectivement l'affaire. Merci Seudo, --Yanik ^B 8 décembre 2016 à 13:22 (CET)

En têtes de colonnes toujours visibles

Bonjour, sur les très longues listes, y a-t-il moyen d'incruster en visibilité les en-têtes de colonnes quand on scrolle jusqu'en bas du tableau, un peu comme les lignes figées sous Excel ?
Exemple de table très longue --Bouzinac (discuter) 6 septembre 2017 à 15:46 (CEST)

 Bouzinac : pour le moment non, pas sur fr.Wiki. Visiblement c'est possible de faire ça avec JavaScript, mais c'est peut-être lourd pour pas grand chose. À évaluer. — Zebulon84 (discuter) 6 septembre 2017 à 16:03 (CEST)

Il y'a peut etre moyen sans javascript, avec une parallax au scroll qui bloque une balise correspondant à l'entête par du css. Par contre la fiabilité et la compatibilité… j'en doute. Ca serait pratique quand meme !Roumpf ^[Message] 6 septembre 2017 à 18:03 (CEST)

Ce serait peut être possible avec une variante en ligne de ce modèle {{Tableau défilant}} ? --Bouzinac (discuter) 6 septembre 2017 à 21:01 (CEST)

En wikipédia allemand et anglais, c'est possible.

• Le code wikipédia allemand est: class="tabelle-kopf-fixiert".
• Le code wikipédia anglais est: class="sticky-header".

Mais le utilisateur ne peut pas utiliser cela jusqu'à les programmeurs ont encorporé cela dans le logiciel de wikipédia francais! --Uli Cl (discuter) 4 mars 2024 à 16:09 (CET)

Enregistrer un tri pour le premier affichage

Bonjour,

Y'a t il une possibilité pour faire que la première colonne (ou autre), soit automatiquement triée lors du chargement de la page, sans que l'utilisateur ait à le faire ? C'est ici facile à modifier, mais pour des centaines d'entrées ... Ou avez vous une astuce pour ré-enregistrer le tableau facilement dans l'ordre Amsterdam-Paris-Zagreb ? J'ai cherché par des bidouillages de copier/coller mais...

Ville	Pays
Zagreb	Croatie
Amsterdam	Pays-bas
Londres	Angleterre

Merci ! Roumpf ^[Message] 21 juillet 2018 à 18:07 (CEST)

Je réactive la demande ci-dessus : est-il possible d’avoir un tableau trié par défaut sur une des colonnes lors de l’ouverture de la page concernée? Je n’ai trouvé ni dans l’aide francophone ni dans l’aide anglophone! Cela serait particulièrement utile dans le tableau https://fr.wikipedia.org/wiki/Modèle:Données_de_l%27épidémie_de_maladie_à_coronavirus_de_2019-2020 (à trier par défaut sur la 3ème ou la 2ème colonne)! merci. Cdlt. --Thepat (discuter) 2 mars 2020 à 16:47 (CET)

Mise à jour de la page

 Tractopelle-jaune :

Salut la pelleteuse !

Je relisais l'aide, et si j'adhère la l'apposition de statuts "Attribut obsolète", je pense que dans ce cas, il serait judicieux de faciliter la lecture du dit texte d'aide en mettant dans une boite déroulante le stuff qui est obsolète ?

genre :

align

Attribut obsolète

Permet de modifier la position horizontale du tableau sur la page. Aucun effet sur le contenu du tableau.

Cet attribut HTML est obsolète et ne devrait plus être utilisé dans de nouveaux tableaux.

→ Solution de remplacement : utiliser une des classes CSS centre, gauche ou droite dans l'attribut class="".

Valeurs possibles :

center

Aligner le tableau au centre.

left

Aligner le tableau à gauche.

right

Aligner le tableau à droite.

Par défaut : dépend de l'élément parent, généralement aligné à gauche.

Exemple : align="center"

bgcolor

Attribut obsolète

Permet de modifier la couleur d'arrière-plan du tableau.

Cet attribut HTML est obsolète et ne devrait plus être utilisé dans de nouveaux tableaux.

→ Solution de remplacement : utiliser la propriété CSS background: dans l'attribut style="".

Indiquer un (nom de couleur ou code hexadécimal).

Exemple : bgcolor="red"

border

Attribut obsolète

Permet de modifier la taille de la bordure du tableau.

Cet attribut HTML est obsolète et ne devrait plus être utilisé dans de nouveaux tableaux. Préférez l'utilisation de la classe wikitable qui permet d'avoir une apparence standardisée des tableaux.

→ Solution de remplacement : utiliser la propriété CSS border: dans l'attribut style="".

Indiquer la taille de la bordure, exprimée en pixels (sans le suffixe px), 0 pour désactiver.

Exemple : border="1"

cellpadding

Attribut obsolète

Permet de modifier l'espace entre le contenu des cellules et leurs bordures.

Cet attribut HTML est obsolète, mais aucune solution alternative n'est disponible en wikicode dans le cas de valeurs différentes de 0. L'usage de cet attribut devrait néanmoins être évité dans la mesure du possible, préférez l'utilisation de la classe wikitable permettant d'avoir une apparence standardisée des tableaux.

→ Solution de remplacement :

• Valeur égale à 0 : l'attribut peut généralement être supprimé sans impact notable sur le rendu visuel.
• Valeur supérieure à 0 : il n'existe pas d'alternative avec la syntaxe wiki pour modifier cet espacement d'un seul coup pour toutes les cellules d'un tableau.
  La solution de remplacement préconisée normalement serait l'utilisation de la propriété padding: [XXX] appliquée à chaque cellule, mais pour ce faire, cela nécessite l'utilisation d'un sélecteur CSS du type table.classe td, mais la syntaxe wiki ne permet pas d'écrire un sélecteur CSS directement dans une page (mis à part dans le cas de tableaux générés par des modèles, qui peuvent utiliser l'extension TemplateStyles).

Indiquer l'espacement, exprimé en pixels (sans le suffixe px), ou 0 pour supprimer tout espace.

Exemples : cellpadding="0", cellpadding="2"

deviendrait :

atributs obselètes

align

Attribut obsolète

Permet de modifier la position horizontale du tableau sur la page. Aucun effet sur le contenu du tableau.

Cet attribut HTML est obsolète et ne devrait plus être utilisé dans de nouveaux tableaux.

→ Solution de remplacement : utiliser une des classes CSS centre, gauche ou droite dans l'attribut class="".

Valeurs possibles :

center

Aligner le tableau au centre.

left

Aligner le tableau à gauche.

right

Aligner le tableau à droite.

Par défaut : dépend de l'élément parent, généralement aligné à gauche.

Exemple : align="center"

bgcolor

Attribut obsolète

Permet de modifier la couleur d'arrière-plan du tableau.

Cet attribut HTML est obsolète et ne devrait plus être utilisé dans de nouveaux tableaux.

→ Solution de remplacement : utiliser la propriété CSS background: dans l'attribut style="".

Indiquer un (nom de couleur ou code hexadécimal).

Exemple : bgcolor="red"

border

Attribut obsolète

Permet de modifier la taille de la bordure du tableau.

Cet attribut HTML est obsolète et ne devrait plus être utilisé dans de nouveaux tableaux. Préférez l'utilisation de la classe wikitable qui permet d'avoir une apparence standardisée des tableaux.

→ Solution de remplacement : utiliser la propriété CSS border: dans l'attribut style="".

Indiquer la taille de la bordure, exprimée en pixels (sans le suffixe px), 0 pour désactiver.

Exemple : border="1"

cellpadding

Attribut obsolète

Permet de modifier l'espace entre le contenu des cellules et leurs bordures.

Cet attribut HTML est obsolète, mais aucune solution alternative n'est disponible en wikicode dans le cas de valeurs différentes de 0. L'usage de cet attribut devrait néanmoins être évité dans la mesure du possible, préférez l'utilisation de la classe wikitable permettant d'avoir une apparence standardisée des tableaux.

→ Solution de remplacement :

• Valeur égale à 0 : l'attribut peut généralement être supprimé sans impact notable sur le rendu visuel.
• Valeur supérieure à 0 : il n'existe pas d'alternative avec la syntaxe wiki pour modifier cet espacement d'un seul coup pour toutes les cellules d'un tableau.
  La solution de remplacement préconisée normalement serait l'utilisation de la propriété padding: [XXX] appliquée à chaque cellule, mais pour ce faire, cela nécessite l'utilisation d'un sélecteur CSS du type table.classe td, mais la syntaxe wiki ne permet pas d'écrire un sélecteur CSS directement dans une page (mis à part dans le cas de tableaux générés par des modèles, qui peuvent utiliser l'extension TemplateStyles).

Indiquer l'espacement, exprimé en pixels (sans le suffixe px), ou 0 pour supprimer tout espace.

Exemples : cellpadding="0", cellpadding="2"

 

...C'est quand même vachement plus simple si on masque les machins qui n'ont plus court ?!

Pour avis ***^(fr)HelloTheWorld_{FeedTheTrool?}*** 16 juillet 2019 à 14:34 (CEST)

Salut  Hellotheworld,

Très bonne idée. Je le fais dans la journée.

Jusqu'à présent, j'ai surtout travaillé sur l'aspect technique, sans trop me préoccuper encore de l'esthétique.

Mais une fois complété comme maintenant, c'est vrai que c'est assez indigeste (visuellement), surtout pour des trucs obsolètes que l'on est plus censés servir

Merci pour ton retour.

PS: j'ai changé le titre de la section, si jamais il y d'autres retours .

--Tractopelle-jaune (discuter) 16 juillet 2019 à 14:46 (CEST)

 Hellotheworld : J'ai mis en boîte déroulante les attributs obsolètes concernant l'ouverture du tableau (avec quelques légères adaptations).

Je ferrais la même chose pour les attributs obsolètes des autres éléments plus tard dans la journée.

Voici le rendu (le bleu clair à l'intérieur de la boîte provient des règles de mise en forme spécifiques aux pages de discussions, il n'est pas présent dans la page d'aide) :

Attributs obsolètes

align

Permet de modifier la position horizontale du tableau sur la page. Aucun effet sur le contenu du tableau.

Cet attribut HTML est obsolète et ne devrait plus être utilisé dans de nouveaux tableaux.

→ Solution de remplacement : utiliser une des classes CSS centre, gauche ou droite dans l'attribut class="".

Valeurs possibles :

center

Aligner le tableau au centre.

left

Aligner le tableau à gauche.

right

Aligner le tableau à droite.

Par défaut : dépend de l'élément parent, généralement aligné à gauche.

Exemple : align="center"

bgcolor

Permet de modifier la couleur d'arrière-plan du tableau.

Cet attribut HTML est obsolète et ne devrait plus être utilisé dans de nouveaux tableaux.

→ Solution de remplacement : utiliser la propriété CSS background: dans l'attribut style="".

Indiquer un (nom de couleur ou code hexadécimal).

Exemple : bgcolor="red"

border

Permet de modifier la taille de la bordure du tableau.

Cet attribut HTML est obsolète et ne devrait plus être utilisé dans de nouveaux tableaux. Préférez l'utilisation de la classe wikitable qui permet d'avoir une apparence standardisée des tableaux.

→ Solution de remplacement : utiliser la propriété CSS border: dans l'attribut style="".

Indiquer la taille de la bordure, exprimée en pixels (sans le suffixe px), 0 pour désactiver.

Exemple : border="1"

cellpadding

Permet de modifier l'espace entre le contenu des cellules et leurs bordures.

Cet attribut HTML est obsolète, mais aucune solution alternative n'est disponible en wikicode dans le cas de valeurs différentes de 0. L'usage de cet attribut devrait néanmoins être évité dans la mesure du possible, préférez l'utilisation de la classe wikitable permettant d'avoir une apparence standardisée des tableaux.

→ Solution de remplacement :

• Valeur égale à 0 : l'attribut peut généralement être supprimé sans impact notable sur le rendu visuel.
• Valeur supérieure à 0 : il n'existe pas d'alternative avec la syntaxe wiki pour modifier cet espacement d'un seul coup pour toutes les cellules d'un tableau.
  La solution de remplacement préconisée normalement serait l'utilisation de la propriété padding: appliquée à chaque cellule, mais pour ce faire, cela nécessite l'utilisation d'un sélecteur CSS du type table.classe td, mais la syntaxe wiki ne permet pas d'écrire un sélecteur CSS directement dans une page (mis à part dans le cas de tableaux générés par des modèles, qui peuvent utiliser l'extension TemplateStyles).

Indiquer l'espacement, exprimé en pixels (sans le suffixe px), ou indiquer 0 pour supprimer tout espace.

Exemples : cellpadding="0", cellpadding="2"

cellspacing

Permet de modifier l'espace entre les cellules du tableau.

Cet attribut HTML est obsolète et ne devrait plus être utilisé dans de nouveaux tableaux. Préférez l'utilisation de la classe wikitable qui permet d'avoir une apparence standardisée des tableaux.

→ Solutions de remplacement :

• Valeur égale à 0 : utiliser la propriété CSS border-collapse: à la valeur collapse dans l'attribut style="" du tableau.
• Valeur supérieure à 0 : utiliser la propriété CSS border-spacing: dans l'attribut style="" du tableau.

Indiquer l'espacement, exprimé en pixels (sans le suffixe px), ou indiquer 0 pour supprimer tout espace.

Exemples : cellspacing="0", cellspacing="2"

width

Permet de modifier la largeur du tableau.

Cet attribut HTML est obsolète et ne devrait plus être utilisé dans de nouveaux tableaux.

→ Solution de remplacement : utiliser la propriété CSS width: dans l'attribut style="".

La valeur peut être exprimée en pixels (sans le suffixe px), ou en %.

Par défaut : la largeur du tableau s'adapte selon le contenu à l'intérieur du tableau, sans toutefois dépasser la largeur de l'écran (si possible).

Exemples :

• En pixels : width="200"
• En % : width="50%", width="100%"

 

N'hésite pas à faire d'autres suggestions, les légères couleurs rouges (très clair) que j'ai mis en fond permettent de mieux différencier le tout. Les couleurs ou la mise en forme sont bien entendu adaptables.

-Tractopelle-jaune (discuter) 16 juillet 2019 à 15:22 (CEST)

 Tractopelle-jaune :

Pour fort C'est beaoucoup plus lisible ainsi !! Après, la page fait toujours quelques km de long, mais au moins, on n'est plus à se mélanger les pinceaux :)

Sinon, to be honest, La raison initiale pour laquelle je suis venu sur cette page était celle ci : comment font il dans la boite "infobox parti politique" pour générer les pourcentages et/ou proportionnalités... J'aurais cru que c'était une fonction du tableau, mais c'est sans doute plus tordu que cela... Cela ne pourrait pas être intégré dans les tableau, et non uniquement dans une infobox ? (ou a défaut pas uniquement dans celle des partis politiques) ?

exemple :

35  /  51

dans Projet de référendum d'initiative partagée sur les aéroports de Paris

***^(fr)HelloTheWorld_{FeedTheTrool?}*** 17 juillet 2019 à 14:59 (CEST)

background-color

Bonjour, j'aimerais signaler que la syntaxe background-color est nettement mieux notamment sur les colonnes de tableaux, s'ils ont un attribut de tri. --Bouzinac (discuter) 28 juillet 2019 à 21:03 (CEST)

Ajout d'une sous-section dans un tableau

Je voudrais ajouter un titre (de sous-section) dans un tableau qui apparaîtrait ainsi dans la table des matières. J'ai déposé un message ici pour savoir s'il cela est possible. Si vous avez des idées. — Berdea (discuter) 7 mars 2020 à 20:13 (CET)

Exemples d'attributs à mettre à jour ?

Bonjour,

Ne faudrait-il pas mettre à jour les "Exemples et rendu" qui indiquent {| border="1" cellpadding="5", en les incorporant dans la classe wikitable, comme recommandé en début de page ?

Salutations — Vega (discuter) 7 décembre 2020 à 18:00 (CET)

PS : de même, dans la boîte déroulante "Attributs obsolètes", il faudrait sans doute remonter de 3 lignes Exemple : border="1" , pour qu'on ne croie pas qu'il s'agit de la "solution de remplacement", il me semble. Idem pour les autres exemples de la boîte. — Vega (discuter) 7 décembre 2020 à 18:23 (CET)

Supprimer / ajouter des bordures

Hello,

j'ai construit un tableau qui se trouve ici : Utilisateur:Flammekueche/Brouillon vierge.

Je souhaiterais effacer les bordures qui sont inutiles, ou, inversement si c'est plus simple, insérer des bordures où je le souhaite.

Je ne connais pas bien la syntaxe à utiliser. Où pourrais-je la trouver ?

Flammekueche (discuter) 31 août 2021 à 20:15 (CEST)

Salut  Flammekueche,

Tu dispose dans Aide:Insérer un tableau (wikicode, expert)#Bordures d'une base concernant les bordures (dont je n'ai toujours pas eu le temps de finir la mise à jour, donc ça reste donc un peu brouillon).

Dans ton cas, le problème principal est beaucoup plus large. En fait, tu utilise un tableau pour faire de la mise en page, en fusionnant d'innombrables lignes et colonnes, ajustant la largeur d'autres colonnes, jouant sur l'alignement, etc. Mais cette manière de faire n'est pas spécifique à ton tableau, bien au contraire. Tous nos tableaux comme {{Phase finale à 12}} sont visiblement construits sur le même principe.

J'ai fait un tour (rapide) dans Catégorie:Modèle coupe, mais je n'ai pas vu de modèle pré-fabriqué avec 4 entrées par groupe (comme ton exemple).

Le mieux que je puisse te conseiller, est de te baser sur un des modèles courants proche, comme {{Phase finale à 12}}, et de l'adapter à tes besoins. Dans un monde idéal, si ce que tu fait comme tableau a une change de resservir ailleurs, il faudrait créer un méta-modèle. Mais je n'y connais rien à ces tableaux sportifs.

Autrement, attention au fait qu'il s'agit de tableaux inaccessibles, tant le tien que ceux générés par les méta-modèles déjà existants.

En plus de cela, ils utilisent de nombreux attributs HTML obsolètes (bgcolor="", align="", valign="" et width="")

Dans ton cas, la première chose à faire, c'est déjà de ne pas utiliser la classe wikitable. Cela supprimera toutes les bordures.

Il te faudra ensuite définir manuellement les bordures voulues, aux emplacements voulus, à l'aide des propriétés indiquées dans Aide:Insérer un tableau (wikicode, expert)#Bordures. Tu peux t'inspirer du code de {{Phase finale à 12}} pour cela.

Je reste disponible en cas de questions.

Bonne soirée.

--Tractopelle-jaune (discuter) 31 août 2021 à 22:58 (CEST)

 Tractopelle-jaune : Je pense avoir réussi à faire ce que je voulais : Hockey sur glace aux Jeux olympiques d'hiver de 2022 - Qualifications hommes#Récapitulatif des résultats.

Merci !

Flammekueche (discuter) 1 septembre 2021 à 14:52 (CEST)

 Flammekueche : Content d'avoir pu t'aider. Bonne journée à toi.

--Tractopelle-jaune (discuter) 1 septembre 2021 à 14:58 (CEST)

Création automatique du "Tableau de contenu" - TOC en Anglais?

Dans le wikipedia anglophone un TDC se génère automatiquement àpd 4 sections dans un article: https://en.wikipedia.org/wiki/Help:Section#Table_of_contents_(TOC) - comment c'est dans le wikipedia francophone et un lien ver un modèle TDC? Merci, SvenAERTS (discuter) 6 juillet 2022 à 15:18 (CEST)

Tableau déroulant

Bonjour, y a-t-il une raison particulière pour que l'on n'évoque pas la possibilité de présenter des tableaux déroulants ? En effet, certains tableaux ont une taille importante qui rend difficile la lecture en continu du texte. Or il existe des valeurs de l'attribut "class" qui permettent de les masquer: les valeurs collapsible (permet au tableau de se refermer) et collapsed (le rend fermé en ouverture de page). Ainsi le code

{| class="collapsible collapsed wikitable alternance"
! colspan="3" |Tableau déroulable
|-
|-
!  
! Colonne 1
! Colonne 2
|-
! Ligne 1
| Cellule 1.1
| Cellule 1.2
|-
! Ligne 2
| Cellule 2.1
| Cellule 2.2
|}

donne

Tableau déroulable
	Colonne 1	Colonne 2
Ligne 1	Cellule 1.1	Cellule 1.2
Ligne 2	Cellule 2.1	Cellule 2.2

Si pas d'objection j'insèrerai cette information dans un nouveau paragraphe de l'aide. HB (discuter) 10 septembre 2022 à 08:08 (CEST)

Fait. HB (discuter) 17 septembre 2022 à 07:53 (CEST)

Bonjour HB. Une objection : l'accessibilité. Pour satisfaire cette exigence, je préconiserais plutôt, sans fusion de cellules, avec un "vrai" titre et un doute qui n'a rien à voir avec le déroulement (lire en fin de message) :

{| class="wikitable collapsible collapsed"
|+ Tableau déroulable
|-
! 
! scope="col"| Colonne 1
! scope="col"| Colonne 2
|-
! scope="row"| Ligne 1
| Cellule 1.1
| Cellule 1.2
|-
! scope="row"| Ligne 2
| Cellule 2.1
| Cellule 2.2
|}

Tableau déroulable

	Colonne 1	Colonne 2
Ligne 1	Cellule 1.1	Cellule 1.2
Ligne 2	Cellule 2.1	Cellule 2.2

ou si le rendu est plus agréable, avec la classe de MediaWiki : class="wikitable mw-collapsible mw-collapsed" :

Tableau déroulable

	Colonne 1	Colonne 2
Ligne 1	Cellule 1.1	Cellule 1.2
Ligne 2	Cellule 2.1	Cellule 2.2

Mon incertitude. Pour l'accessibilité, je ne sais pas trop ce qu'il faut mettre, pour un tableau à doubles entrées, dans la première case en haut à gauche qui correspond à l'intersection des en-têtes. J'ai appliqué un th (!) dans le premier exemple un td (|) dans le second.

Comparaison des rendus. On notera que la classe « collapsible » introduit le lien/bouton « afficher » dans la première case de type header (th), ce qui n'est pas toujours le mieux d'un point de vue logique et ni parfois sur le plan pratique/esthétique. La classe « mw-collapsible » semble préférable, avec un bouton en fin de titre.

On peut peut-être envisager de modifier la configuration CSS afin d'ajouter une couleur de fond sous le titre et/ou de lui mettre un cadre (seulement quand le tableau est enroulé ? faisable en JavaScript). Mais ce sont des détails. — Ideawipik (discuter) 21 septembre 2022 à 03:17 (CEST)

Ta seconde proposition me parait la meilleure (si on peut mettre un cadre ça serait mieux) car il est absurde de laisser paraitre la première ligne d'un tableau à dérouler. C'est ce que j'avais essayé de faire avec le bricolage en remplaçant le "vrai titre" par une fusion de cellules. Merci de m'avoir rappelé les bonnes pratiques d'accessibilité (18 ans de WP et je n'avais pas encore compris l'utilité des scope=col !. HB (discuter) 21 septembre 2022 à 11:59 (CEST)

Bonjour HB. J'ai mis les deux syntaxes dans l'aide. Faut-il en préconiser seulement une ?

Pour la bordure, une solution assez simple serait de mettre une border et un padding aux caption situées dans un tableau de classe "mw-collapsible" (selecteur table.mw-collapsible caption { … }), si je ne m'abuse. — Ideawipik (discuter) 21 septembre 2022 à 20:42 (CEST)

Merci de ta modif. Difficile de n'en préconiser qu'une car chacune d'entre elles possède un défaut. La première est bien adaptée pour un tableau à double entrée dont la première cellule d'en-tête est vide. Si la première cellule d'en-tête n'est pas vide, elle est artificiellement agrandie. La seconde , tant qu'une personne compétente n'a pas modifié la classe CSS sur mediawiki, a le défaut de rendre presque inaperçu le tableau à dérouler. HB (discuter) 22 septembre 2022 à 07:48 (CEST)

Remarques générales et questions sur la mise en page de l'aide

Bonjour.

1. Les tableaux d'exemples de cette page d'aide sont assez disparates, on a souvent le wikicode, le code HTML équivalent et le rendu sur Wikipédia. Mais l'ordre des colonnes diffère selon les sections. Une harmonisation paraît logique. Quel ordre vous semble le meilleur ?
2. Dans ces mêmes tableaux, la présentation du wikicode est aussi variable : 1. Entre balises <pre> ; 2. Entre balises <syntaxhighlight>, Entre balises <nowiki> sur chaque ligne avec une présence d'espace en début de ligne afin d'avoir une mise en forme particulière (couleur de fond). Cette dernière option permet d'appliquer des mises en couleur notamment les nombreux <span style="color:red;">. Que privilégier ?
3. Dans l'autre page (Aide:Insérer un tableau (wikicode, avancé)), on a une trentaine de {{green|'''<code>…</code>'''}} dont les premières occurrences datent de 2009. C'est bien, mais la balise <code> affiche du code en noir. Donc, soit on retire le modèle de changement de couleur sans effet ici, soit on remplace par <code>{{green|'''…'''}}</code>. Je me contenterais bien du noir, le gras et la balise code mettant déjà en exergue ces passages. D'autre avis ? — Ideawipik (discuter) 21 septembre 2022 à 20:42 (CEST)

1. En général, on trouve, sur les pages d'aide, le code suivi du rendu. Si on veut y insérer aussi le rendu html, l'ordre cohérent serait code wiki, code html, rendu, c'est-à-dire l'ordre que l'on trouve dans la première moitié de la page. Je penche donc, mollement, vers une harmonisation de ce type.
2. et 3. Nous sommes sur une page d'aide expert. Nous supposons les gens assez compétents pour se farcir du code html. Est-il vraiment nécessaire de les prendre par la main en mettant des couleurs pour des mots clefs introduit auparavant dans une phrase explicative? Pour ma part, je préconiserais la syntaxe la plus simple : code wiki entre balise "pre". HB (discuter) 22 septembre 2022 à 08:06 (CEST)

4. P.S.: Quitte à retravailler la mise en page, ne serait-ce pas le moment de donner les exemples en tenant compte des conseils d'accessibilité. Si les scope="col" et scope="row" sont souhaitables, ne serait-ce pas utiles qu'ils apparaissent dans chaque exemple de code? HB (discuter) 22 septembre 2022 à 08:13 (CEST)