Page 1 sur 1

Comment réaliser un tableau dans VotrePain

MessagePosté: Jeu 25 Fév 2016 07:42
de Thierry
J'ai rajouté des balises de tableau, je vous donne ici la méthode, qui est manuelle : il faut savoir comment s'écrit un tableau en HTML !

en BBcode, il faut toujours encadrer par des balises, et on encadre en gigogne :
un texte dans une colonne dans une ligne dans un tableau
Il existe donc des balises pour
- la table avec bordures (qui doit toujours contenir au moins une ligne) - table
- une ligne (qui doit toujours contenir au moins une colonne - tr
- une colonne (qui doit contenir du texte) -td
- une colonne de titre (idem colonne mais gras et centré) -th

(laisser la souris sur les codes pour se rappeler des fonctions)
Pour ne pas s'emmêler les pinceaux, préparer votre tableau avant ! (en texte)

par exemple

titre colonne 1 - titre colonne 2
machin.............. truc
bidule................chose

C'est parti, on clique "table"
le curseur est dedans, on clique maintenant "tr" pour y insérer une ligne
et pour la première colonne, qui est une colonne de titre on clique "th"
On écrit à l'endroit du curseur le titre de la première colonne
On place le curseur après la fermeture de balise colonne de titre qu'on vient d'insérer [/th]
On clique sur "th" pour insérer une deuxieme colonne, on y écrit son texte
et on termine en plaçant le curseur après le tag de fermeture de (la première) ligne [/tr]
on insère une 2ème ligne avec "tr" et on y écrit les colonnes, maintenant simples avec "td"
etc.

On obtient donc pour l'exemple ci dessus :

Code: Tout sélectionner
[table][tr][th]titre colonne 1[/th][th]titre colonne 2[/th][/tr][tr][td]machin[/td][td]truc[/td][/tr][tr][td]bidule[/td][td]chose[/td][/tr][/table]


Une autre méthode beaucoup plus claire est de mettre en forme les tags, comme dans un éditeur HTML : dans le bloc note par exemple écrire le code précédent comme suit :

Code: Tout sélectionner
[table]

[tr]
[th]titre colonne 1[/th]
[th]titre colonne 2[/th]
[/tr]

[tr]
[td]machin[/td]
[td]truc[/td]
[/tr]

[tr]
[td]bidule[/td]
[td]chose[/td]

[/tr]

[/table]


MAIS une fois au point (controler après un copier coller dans le message a éditer et faire "aperçu")
n'oubliez pas de retirer tous les espaces, qui seront sinon, convertis en autant de lignes avant l'affichage du tableau

===

Je sais ça a l'air complique comme cela, mais en fait, avec la méthode du bloc note, il suffit d'être rigoureux : la table puis suit la premiere ligne et ses colonnes, puis la deuxieme ligne et ses colonnes, etc. à chaque fois, on pense bien a fermer les tags de table, de ligne et de colonne... une fois bien habitué, on pourra le faire à la volée avec les tags d'édition.

au lieu d'écrire:

titre colonne 1 - titre colonne 2
machin.............. truc
bidule................chose

Le résultat en vaut quand même la chandelle ;)

titre colonne 1titre colonne 2
machintruc
bidulechose

Re: Comment réaliser un tableau dans VotrePain

MessagePosté: Ven 4 Mar 2016 08:05
de mireille
Je vais relire mais comme toujours cela m'intéresse