Bonjour


Voici une méthode assez rapide pour la création d'un tableau.

Outils nécessaires :
[*]Un logiciel de tableur gérant le format .csv
[list]
[*]Un logiciel de traitement de texte.


Principe :
Nous allons utiliser le tableur pour créer notre tableau, pour profiter d'une vue déjà en tableau, limiter les erreurs de balises et automatiser un minimum le chmilblic.


Creation du tableau :



En A1 mettre la balise d'ouverture du tableau [t@ble]
( remplacez le @ par un a )
( vous pouvez mettre un encadrement en remplacant [t@ble] par [t@ble border=1] )

En A2 on va ouvrir la ligne et la colonne soit : [tr][td]
En B2 : l'entete de la premiere la premiere colone
En B3 on referme la premiere colone, et on ouvre la suivante : [/td][td]
En B4 : Entete de la deuxieme colonne

Lorsque vous avez fini de saisir Votre dernière colone, on referme la dernière colone et la première ligne : [/td][/tr]

Vous avez à ce stade toute les entetes de colonne.

Pour saisir la ligne suivante :
Vous copiez la case A2 en A3, C2 en C3, ect jusqu'a la case de Fin de ligne ( celle avec [/td][/tr] )
Il vous reste plus qu'a saisir les champs sous les entete de colonne ( B3,B5, ... ).

Pour ajouter une ligne répéter l'opération ci dessus


Une fois que toute vos ligne saisie, mettez dans la case de la colonne A, sous votre dernière ligne la balise de fin de tableau : [/t@ble]



Enregitrement du tableau :

Une fois tout votre tableau saisie, vous devrez l'enregistrer au format .csv
Ce format le transformera en un fichier que l'on pourra ouvrir avec un fichier text.
On vous demandera peut être de choisir un séparateurs de champs, prennez n'importe lequel.

Mise en forme du code du tableau

Ouvrez votre fichier .csv avec un logiciel basic de traitement de text ( par exemple le bloc note ).

Selectionnez un caractère de séparation de champs ( sa peut être un point virgule, une simple virgule, ... ). C'est le caractère qui se repète régulierement. Copiez le.

Ensuite nous allons remplacer se caractère par rien ( enfin vide pas le mot rien ).
Cette étape est différente celon le logiciel de traitement de texte utilisé !
Edition > remplacer

Collez le caractère copiez ci-dessus dans la case "rechercher" et laissez la case remplacer vide.
Appuyez sur remplacer tout.


Une fois l'opération effectué :
Edition > selectionner tout
( ou : ctrl a )
Puis
Edition > copier


Il ne vous reste plus qu'a coller tout ça dans un de vos message !




Voilà le resultat de mon exemple :


[t@ble border=1]
[tr][td] En tête 1 [/td][td] En tête 2 [/td][td] En tête 3 [/td][td] En tête 4 [/td][/tr]
[tr][td] Ligne 1 – colonne 1 [/td][td] L1 – col 2 [/td][td] L1 – col 3 [/td][td] L1 – col 4 [/td][/tr]
[tr][td] Ligne 2 – colonne 1 [/td][td] L2 – col 2 [/td][td] L2 – col 3 [/td][td] L2 – col 4 [/td][/tr]
[tr][td] Ligne 3 – colonne 1 [/td][td] L3 – col 2 [/td][td] L3 – col 3 [/td][td] L3 – col 4 [/td][/tr]
[tr][td] Ligne 4 – colonne 4 [/td][td] L4 – col 2 [/td][td] L4 – col 3 [/td][td] L4 – col 4 [/td][/tr]
[/t@ble]


Qui nous donne une fois t@ble remplacé par table :

En tête 1	En tête 2	En tête 3	En tête 4
Ligne 1 – colonne 1	L1 – col 2	L1 – col 3	L1 – col 4
Ligne 2 – colonne 1	L2 – col 2	L2 – col 3	L2 – col 4
Ligne 3 – colonne 1	L3 – col 2	L3 – col 3	L3 – col 4
Ligne 4 – colonne 4	L4 – col 2	L4 – col 3	L4 – col 4

Ajustement de la taille du tableau :


Le paramètre "witdh" permet de définir la largeur du tableau ou d'une cellule.
Il peut recevoir soit un nombre, soit un pourcentages


Quelques exemple :

Tableau de base

[t@ble border=1]
[tr][td] A1 [/td][td] B1 [/td][/tr]
[tr][td] A2 [/td][td] B2 [/td][/tr]
[/t@ble]

A1	B1
A2	B2

Tableau occupant 25% de la largeur de la page :

[t@ble border=1 width=25%]
[tr][td] A1 [/td][td] B1 [/td][/tr]
[tr][td] A2 [/td][td] B2 [/td][/tr]
[/t@ble]

A1	B1
A2	B2

Augmentation de la taille des colonnes :
( le nombre est le nombre de pixel )

[t@ble border=1]
[tr][td width="100"] A1 [/td][td width="250"] B1 [/td][/tr]
[tr][td] A2 [/td][td] B2 [/td][/tr]
[/t@ble]

A1	B1
A2	B2

ca,ca m'aurait aide,quand j'ai cree le tuto des sac a dos!

parce que je me suis tout farci a la main,ligne par ligne,colonne par colonne

Je mets ça en Post-it, c'est clair, concis, bien expliqué.
Merci mec! ;)

Mon premier post-it, sa me rends tout chose



Hésitez pas si des choses ne sont pas clair !

Salut,

Merci pour le tuto c'est très bien expliqué ;)

Je profite juste de ce poste pour faire des essais si cela ne te gêne pas bien sûr

En tête 1	En tête 2	En tête 3	En tête 4
Ligne 1 – colonne 1	L1 – col 2	L1 – col 3	L1 – col 4
Ligne 2 – colonne 1	L2 – col 2	L2 – col 3	L2 – col 4
Ligne 3 – colonne 1	L3 – col 2	L3 – col 3	L3 – col 4
Ligne 4 – colonne 4	L4 – col 2	L4 – col 3	L4 – col 4

édit numéro je sais plus combien

il est possible d'agrandir la taille du tableau en insérant dans la balise [t@ble] un attribut "width" avec 80% par exemple :
[t@ble border=1 width=80% ] et ensuite le même code que précédemment


ps : j'ai testé plein d'attribut et c'est le seul qui semble fonctionner

Merci de l'aide !


j'avais essayé comme en html : witdh=X
Seulement, sa ne fonctionnait pas !

Et j'ai trouvé pourquoi = j'ai des habitudes de m****, il faut mettre width="x" et la il prend la taille de la case.
Le pourcentage marche sans côtes.


Donc il est possible d'adapter la taille de chaque colonne !

Je vais ajouter dans le tuto, merci de ton aide ;-)

Edit :
j'ai pas trop compris l'effet du pourcentage sur une colonne, je pense que sa fonctionne pas très bien ^^

Je n'ai pas regarder l'effet du pourcentage sur une colonne mais si cela fonctionne comme une page HTML de base :

le width de la balise "table" signifie que le tableau prend 80% de la taille de la page et si tu le mets dans une colonne ca sera 80% de la taille du tableau

Je ne sais pas si ce que je dit est bien clair lol

C'est ce que je pensais, par contre je viens de trouver pour le faire fonctionner : il faut impérativement donner un width au tableau, sinon le colonne avec le pourcentage font nimp'

j'ajouterais ca à la suite ce soir ;-)