Les tableaux

es biens chères et chers taverniens,

Nous avons une nouvelle fonctionnalité sur le forum, dans l'écriture des posts : les tableaux !

le super tableau

ma tête de colonne	l'autre colonne	autre commentaire
double colonne, parce que c'est bien		très important
moins important	bis	hahaha
Et pour finir, hop là !

Ce précédent exemple en montre toutes les options et subtilités, à l'exception d'un détail : pour retirer les bordures vous devrez remplacer bordertable par table.

Voici le code qui a permis de générer le précédent tableau :

Saurez-vous le décrypter et reproduire le rendu de ce tableau ?

le super tableau

	plop
x
x
x

Le défi est lancé ! Postez à la suite vos tentatives

Brun

le super tableau

	plop
x
x
x

c'est ça? (tordu, y'a des truc que t'as pas montré, j'ai du chercher )

le super tableau

	plop
x
x
x

J'ai eu du mal avec la 2 ligne...

t oui, Jebeddo et Faryl, c'est bien ça !

Voici la solution :

Noter qu'il n'est pas obligatoire de mettre la taille de la dernière colonne ainsi

, vu que, de toute façon, si 2 colonnes sont fixées, la 3eme a aussi sa taille de fixée.

Vous l'aurez d'ailleurs tous compris, le 50 qui suit le bordertable correspond à la largeur du tableau dans la page (100 étant la pleine largeur, 50 la demie-largeur, etc).
Dans le même principe, la barre de titre

permet de déterminer la taille de chaque colonne par rapport à la pleine largeur du tableau. Dans notre cas, la première colonne fera 35% de la largeur du tableau (qui lui-même fait la moitié de la largeur de la page), et la seconde colonne fait 45% de la largeur du tableau. La 3eme colonne prend le reste (donc 20%).

Noter aussi que cette ligne de titre symbolisée par un ! est facultative. Elle est cependant la seule qui puisse qui puisse vous permettre de déterminer manuellement la taille de vos colonnes. Si les tailles de colonnes ne sont pas précisées, alors votre navigateur affichera des colonnes de tailles égales (sauf si une image ou un mot à rallonge vient "déformer" une cellule).

Aller, un autre, juste pour le plaisir

	les plus belles feuilles de Faerun
La feuille est, en morphologie végétale, l'organe spécialisé dans la photosynthèse chez les végétaux supérieurs. Elle est insérée sur les tiges des plantes au niveau des nœuds. À l'aisselle de la feuille se trouve un bourgeon axillaire. C'est aussi le siège de la respiration et de la transpiration. Les feuilles peuvent se spécialiser, notamment pour stocker des éléments nutritifs et de l'eau. (wikipedia)

	les plus belles feuilles de Faerun
La feuille est, en morphologie végétale, l'organe spécialisé dans la photosynthèse chez les végétaux supérieurs. Elle est insérée sur les tiges des plantes au niveau des nœuds. À l'aisselle de la feuille se trouve un bourgeon axillaire. C'est aussi le siège de la respiration et de la transpiration. Les feuilles peuvent se spécialiser, notamment pour stocker des éléments nutritifs et de l'eau. (wikipedia)

Bon... la question est... comment faire disparaitre les bordures?

EDIT : trouvé, logique en fait

EDIT EDIT, bon par contre, chaque fois que j'édite, ça efface ce que j'avais laissé du précédent tableau :'(

EDIT Brunhilda : pour tester le bug du coup j'ai bidouillé ton post j'ai un peu cassé ton tableau, donc au final je te l'ai remis en tout beau



Ce message a été modifié par Brunhilda Sigrun le Mardi 21 Juillet 2015 à 10h51

umpf.. effectivement, il y a un mini bug dans le cas où l'on ne met pas de ligne de titre le premier "-" se transforme en "|" et du coup ça retire la première ligne du tableau !

Félicitation, Jebeddo

Bon, je laisse un peu les autres mariner, je répare le bug et je prépare le tutoriel pour donner tous les détails de comment dompter les tableaux


Aller, au passage, une avant-première... les curieux pourront aller cliquer sur le grimoire "manuel", en haut à droite

Brun'

	les plus belles feuilles de Faerun
La feuille est, en morphologie végétale, l'organe spécialisé dans la photosynthèse chez les végétaux supérieurs. Elle est insérée sur les tiges des plantes au niveau des nœuds. À l'aisselle de la feuille se trouve un bourgeon axillaire. C'est aussi le siège de la respiration et de la transpiration. Les feuilles peuvent se spécialiser, notamment pour stocker des éléments nutritifs et de l'eau. (wikipedia)

Nope, vraiment, je vois pas comment faire la première ligne...

EDIT : Trouvé !
Mais du coup, ça veut dire qu'on ne peut pas faire une 1ère ligne en 35/45/20, puis une deuxième en 20/20/20/20/20 ?!
A moins peut-être de de faire des très petites divisions en 20*5% ?!



Ce message a été modifié par Faryl le Lundi 20 Juillet 2015 à 21h23

ello

Bien joué Faryl !

Effectivement, ce n'est pas vraiment possible à part à subdiviser à mort les colonnes. Mais bon, e but initial d'un tableau est d'avoir des colonnes et des lignes
avoir une première ligne 35/45/20 puis une deuxième 20/20/20/20/20 est un peu bizarre.. quel genre d'info tu veux mettre là dedans
Dans ton cas, tu pourrais diviser comme suis :
20/15/5/20/20/20
et ensuite fusionner les colonnes comme il faut pour avoir 35/45/20 et 20/20/20/20/20

Du coup au passage, le mini-bug est réparé.

Aller, j'arrête de vous torturer.

Voici donc la "solution" :

C'est un peu fouillis à cause des adresses à rallonge de l'image. Si on remplace cette adresse, on obtient un truc plus lisible :

Tous les détails de comment faire un tableau se trouvent là : par ici

Bonne lecture
Brun'

etite remarque de pédagogue à deux sous.
Dans la page d'explication des tableaux le dernier exemple n'est pas vraiment un bon choix car il ne s'agit que d'un copier coller du dernier tableau en exemple juste avant. Il aurait mieux valu un tableau avec la fusion de deux lignes ou et de deux colonnes.

Rien de spécifique. C'est juste mon côté développeur qui prend le dessus, à chercher les cas aux limites