Histoire Passion - Saintonge Aunis Angoumois

Accueil > Forum - Site - Divers > Tutoriel pour les rédacteurs > Tutoriel pour les rédacteurs - SPIP - Créer un tableau dans un (...)

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

mercredi 1er août 2007, par Pierre, 15013 visites.

Tutoriel illustré à l’usage des rédacteurs du site : pas à pas, la méthode pour créer un tableau dans un article, une astuce pour définir la largeur des colonnes du tableau avec SPIP, quelques conseils.

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

|colonne 1|colonne 2|colonne 3|

va donner ce résultat :

colonne 1 colonne 2 colonne 3

- Maintenant, ajoutons une nouvelle ligne au tableau :

|colonne 1 ligne 1|colonne 2 ligne 1|colonne 3 ligne 1|
|colonne 1 ligne 2|colonne 2 ligne 2|colonne 3 ligne 2|

va donner ce résultat :

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

- 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.

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

va donner ce résultat :

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

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

Exemple :

|Titre 1|Titre 2|Titre 3|
|colonne 1 ligne 2|colonne 2 ligne 2|ici un code image imgxxx entre < et >|

va donner ce résultat :

Titre 1Titre 2Titre 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

<img src="IMG/gif/pixel.gif" height="1" width="200"><br>

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).

Un message, un commentaire ?

modération a priori

Ce forum est modéré a priori : votre contribution n’apparaîtra qu’après avoir été validée par un administrateur du site.

Qui êtes-vous ?
Se connecter
Votre message

Pour créer des paragraphes, laissez simplement des lignes vides.

Lien hypertexte

(Si votre message se réfère à un article publié sur le Web, ou à une page fournissant plus d’informations, vous pouvez indiquer ci-après le titre de la page et son adresse.)

Ajouter un document

Rechercher dans le site

Un conseil : Pour obtenir le meilleur résultat, mettez le mot ou les mots entre guillemets [exemple : "mot"]. Cette méthode vaut également pour tous les moteurs de recherche sur internet.