Changements récents - Rechercher:

En Français

En Anglais

Faire un don par paypal : cliquer sur "faire un don"




Présentation

Adhésion Dons Legs

Chats et chatons à adopter

Conditions d' adoption

Parainage : parrainer un animal

Pourquoi stériliser
tatouer

Tous nos chats: Portraits

Où sommes nous?

Les bases

Les tableaux sont créés en utilisant le caractère pipe deux fois: | |. Une ligne commencant par ce signe indique le début d'une ligne d'un tableau. L'apparition de ce signe dans le reste de la ligne indique la présence d'une cellule du tableau. Une bordure a été ajoutée pour des raisons de lisibilité, mais par défaut, il n'y a pas de bordure.

exemple 1. Tableau simple

Ce code wiki:

 || border=1
 || cellule1 || cellule2 || cellule3 ||
 || cellule1 || cellule2 || cellule3 ||

crée ce tableau:

cellule1cellule2cellule3
cellule1cellule2cellule3

Alignement du contenu des cellules

Le contenu d'une cellule peut être aligné à droite, à gauche ou centré.

  • Pour aligner à gauche, placer le contenu de la cellule contre le || précedent.
  • Pour centrer le contenu de la cellule, placer un espace avant et après le contenu de la cellule.
  • Pour aligner à droite, placer le contenu de la cellule contre le || suivant.

Exemple 2. Modifier l'alignement du contenu des cellules.

Ce code wiki:

 || border=1 width=100%
 ||cellule 1       || cellule 2   ||        cellule 3||
 ||aligné à gauche || centré || aligné à droite||

Crée ce tableau:

cellule 1cellule 2cellule 3
aligné à gauchecentréaligné à droite

Formatage des tableaux

En option, la première ligne du tableau peut contenir certains paramètres de formatage tels que border (la bordure), width (la largeur), alignment (l'alignement), bgcolor (la couleur de fond), cellpadding (espace entre le contenu et le bord d'une cellule) et cellspacing (espace entre les cellules). 'Width' est exprimé en pourcentage ou en pixels. Les couleurs peuvent être spécifiées par leur noms ou par leur représentation en code HTML.

Exemple 1. Changement de bordure et alignement.

Ce code wiki:

    
    || border=10 align=center
    || cell 1 || cell 2 || cell 3 ||
    || cell 1 || cell 2 || cell 3 ||

produit ce tableau:

cell 1cell 2cell 3
cell 1cell 2cell 3

Exemple 2. Changement de couleur.

Ce code wiki:

    
    || border=1 bgcolor=red align=center
    || cell 1 || cell 2 || cell 3 ||
    || cell 1 || cell 2 || cell 3 ||

produit ce tableau:

cell 1cell 2cell 3
cell 1cell 2cell 3

Exemple 3. Changement de largeur exprimée en pourcentage.

Ce code wiki:

    
    || border=1 width=100% bgcolor=yellow
    || cell 1 || cell 2 || cell 3 ||
    || cell 1 || cell 2 || cell 3 ||

produit ce tableau:

cell 1cell 2cell 3
cell 1cell 2cell 3

Exemple 4. Changement de largeur exprimée en pixel et de couleur exprimée en HTML.

Ce code wiki:

    
    || border=1 width=350 bgcolor=#CCCCCC align=center
    || cell 1 || cell 2 || cell 3 ||
    || cell 1 || cell 2 || cell 3 ||

produit ce tableau:

cell 1cell 2cell 3
cell 1cell 2cell 3

Exemple 5. Changement de la largeur entre le contenu et la bordure d'une cellule.

Ce code wiki:

    
    || border=1 width=350 cellpadding=10 align=center
    || cell 1 || cell 2 || cell 3 ||
    || cell 1 || cell 2 || cell 3 ||

produit ce tableau:

cell 1cell 2cell 3
cell 1cell 2cell 3

Exemple 6. Changement de l'espace entre les cellules.

Ce code wiki:

    
    || border=1 width=350 cellspacing=10 align=center
    || cell 1 || cell 2 || cell 3 ||
    || cell 1 || cell 2 || cell 3 ||

produit ce tableau:

cell 1cell 2cell 3
cell 1cell 2cell 3

<< Envoyer des fichiers sur le site | Index documentation | Tableaux évolués >>


. Traduction de PmWiki.Tables Page originale sur PmWikiFr.Tables - Référencé par
Dernières modifications:
PmWikiFr.Tables: 06 novembre 2006 à 18h24
PmWiki.Tables: 25 août 2006 à 19h39

Éditer - Historique - Imprimer - Changements récents - Rechercher
Page mise à jour le 06 novembre 2006 à 18h24 / Page générée en 0,097 seconde(s).