Tutoriel pour les rédacteurs - SPIP - Créer un tableau dans un article

Les colonnes du tableau sont délimitées par le caractère ’|’ obtenu par la touche AltGr et la touche "6" en 1ère ligne du clavier alphabétique.

 Pour créer par exemple un tableau de 3 colonnes, on doit saisir 4 fois ce caractère (4 délimiteurs = 3 intervalles, rappelez-vous les histoires de piquets et de fil de fer, à l’école primaire)
Nota : on peut créer un tableau d’une seule colonne, avec 2 délimiteurs. Dans ce cas si ce tableau n’a qu’une seule ligne, on a créé un texte encadré.

 Entre chaque délimiteur, on saisit le texte qui doit se trouver dans la cellule ainsi délimitée.

Exemple

va donner ce résultat :

 Maintenant, ajoutons une nouvelle ligne au tableau :

va donner ce résultat :

 Maintenant, améliorons la présentation en mettant en gras le texte de chacune des cellules de la première ligne (comme avec un traitement de texte : sélectionner les mots et clic sur l’icone [B] en haut du texte.

va donner ce résultat :

Dans une cellule d’un tableau, on peut mettre du texte, et/ou une image.

Exemple :

va donner ce résultat :

Titre 1	Titre 2	Titre 3
colonne 1 ligne 2	colonne 2 ligne 2

 Convertir un tableau créé avec Word en un tableau pour SPIP

Crééz le tableau dans le traitement de texte Word selon la méthode habituelle.

En créant le tableau, ou après l’avoir créé, laissez une première et une dernière colonnes vides (c’est à dire 2 colonnes de plus que nécessaire pour le tableau).

Quand les cellules du tableau sont remplies, aller dans le menu "Tableau", puis "Convertir" ; choisir "Tableau en texte". Dans la fenêtre "Convertir un tableau en texte", sélectionner l’option "autre" et saisir dans la case le caractère | (AltGr+6). Clic sur Ok. L’opération est terminée. Il suffit de copier-coller l’ensemble dans l’éditeur de l’article SPIP.

Un détail important : les tableaux de SPIP ne supportent pas les cellules fusionnées, comme on peut en faire dans les tableaux de Word.

 Définir la largeur des colonnes d’un tableau de SPIP

Les tableaux de SPIP sont plutôt sommaires. Si on veut faire des tableaux sophistiqués, il faut passer par du langage HTML.

On peut toutefois forcer la largeur des colonnes avec cette petite astuce.

 1- on crée le tableau selon la méthode habituelle.
 2- dans le répertoire des images, on installe un fichier pixel.gif, créé avec la dimension de 1 pixel en largeur et 1 pixel en hauteur, et on le place par exemple dans le répertoire IMG/gif
 3- dans les cellules de la première ligne du tableau, on insère ce code html

pour une colonne de 200 pixels de largeur

On peut ainsi forcer la largeur de chacune des colonnes, par la présence de cette image "pixel" invisible et de dimension réglable par le nombre de pixels choisi dans la valeur "width".

La même image invisible "pixel.gif" peut être utilisée un nombre illimité de fois, dans n’importe quel tableu de n’importe quelle page.

 Quelques conseils et précisions sur les tableaux

 Important : Pour que le tableau s’affiche correctement dans votre article, il est impératif de le faire précéder et suivre d’une ligne vide.
 Un tableau peut être placé dans le "Chapeau" ou dans le "Texte" d’un article.
 La taille des caractères des textes situés dans les cellules d’un tableau est un paramètre standard pour l’ensemble du site. Il ne peut pas être modifié par les rédacteurs.
 Sauf en utilisant la méthode ci-dessus, la largeur des colonnes se règle automatiquement en fonction de la quantité de texte, ou de la largeur des images qui sont placées dans les cellules (voir le dernier exemple ci-dessus).