Wikiversité

« Aide:Tableau » : différence entre les versions

Navigation interactive dans l’historique
← Modification précédenteModification suivante →
Contenu supprimé Contenu ajouté
VisuelWikicode
m Robot : Remplacement de texte automatisé (- d'être + d’être )
m Robot : Remplacement de texte automatisé (- d'un + d’un )
Ligne 86 :
 
== La syntaxe Wiki des tableaux (ou comment se passer des balises HTML) ==
Nous verrons ici les différentes balises utiles à la création d'und’un tableau.
 
=== Créer un tableau (HTML:table) ===
Dans le langage HTML, l'élément <code>table</code> est l'élément de base pour la création d'und’un tableau.Ceci donnerait en HTML, l’encodage suivant :
 
<source lang="html4strict">
Ligne 103 :
</source>
 
On commence toujours un tableau par l’accolade ouvrante '''{''', suivie d'und’un trait vertical '''|'''. La fin d'und’un tableau est également composée de deux caractères. Le premier est le trait vertical | et il est suivi du deuxième caractère qui est l’accolade fermante '''}'''.
 
Le champ ''paramètres'' doit bien entendu être remplacé par les paramètres utilisés du tableau comme la couleur de fond, la taille, s'il faut faire apparaître une bordure, etc. L’utilisation des paramètres n’est pas obligatoire et on peut donc sans problème ne rien placer à cet endroit.
Ligne 126 :
Cette deuxième disposition impose qu'entre deux cellules apparaissent deux traits verticaux '''||''' car un seul trait sera interpreté différemment par le logiciel.
 
Comme le tableau lui-même, chaque cellule d'und’un tableau peut contenir des paramètres propres. Pour cela, le contenu d’une cellule sera précédé des paramètres de la façon suivante :
<source lang="text">
|''paramètres''|cellule1
Ligne 716 :
valign="bottom"
</source>
Voyons maintenant un exemple de positionnement d'und’un tableau :
 
{| border="0" align="center" cellpadding="3px" style="width:100%; border: 1px solid #999; background-color:#FFFFFF;"
Ligne 1 320 :
|1980||Vague de pluie
|-
|1988||Nom d'und’un chat !
|-
|1994||La vie, la pomme
Ligne 1 332 :
<blockquote style="background: white; border: 1px solid black; padding: 1em;">
* 1980 : Vague de pluie
* 1988 : Nom d'und’un chat !
* 1994 : La vie, la pomme
* 1994 : Le ciel est vert
Ligne 1 338 :
 
==== Légende d'illustration ====
Souvent, les illustrations d'und’un article sont placées dans un semblant de tableau. Du fait que le tableau peut être flottant et placé à gauche ou à droite de l'écran, il paraît facile et pratique d'utiliser un tableau unicellulaire pour placer l’image à un endroit précis de l'écran. Cette solution était nécessaire pour les anciens navigateurs, particulièrement ceux qui ne reconnaissaient pas les [[w:feuilles de style en cascade|feuilles de style en cascade]] pour l’affichage de telles images. Aujourd'hui, la plupart des navigateurs fonctionnent parfaitement avec ces feuilles de style. Aussi, la façon recommandée d'afficher les images est d'utiliser les balises nommées <code>div</code>.
 
Voici un petit aperçu à ne pas faire :
Ligne 1 372 :
* Les gros tableaux contenant beaucoup d'informations peuvent dépasser le bord droit de l'écran sur de basses résolutions d'affichage. Cela peut parfois être acceptable, spécialement si le lecteur y a été préparé (notamment lorsque l’on sait par avance qu'un tableau comme la [[w:Table des isotopes (complète)|Table des isotopes (complète)]] qui est volontairement très grande). Si vous devez, pour votre article, créer un tableau vraiment très grand, vous devrez alors considérer qu’il y aura lieu d'en créer un autre plus simple, plus petit, pour les utilisateurs qui ne pourront pas visualiser la version longue.
* Si vous insérez du texte à chasse fixe dans un tableau (en utilisant les balises HTML <code>code</code>, <code>pre</code> ou <code>tt</code>, par exemple), cela forcera la page à être plus large que nécessaire. Tant que cela est possible, évitez l’utilisation de tels textes dans vos tableaux, ainsi le texte sera adapté naturellement. Un problème identique survient lors de l’insertion d'images dans un tableau (car les images sont généralement contraintes à une taille fixe).
* Des cellules contenant une grosse quantité d'informations peuvent causer des problèmes d'affichage dans certains navigateurs. En particulier, des cellules contenant un grand paragraphe risquent de brouiller l’affichage de navigateurs en mode console comme Lynx ou Links. De manière générale, tant que faire se peut, tentez de limiter la quantité de texte à l’intérieur d'und’un tableau.
 
 
Récupérée de « https://fr.wikiversity.org/wiki/Aide:Tableau »