« Aide:Tableau » : différence entre les versions
Contenu supprimé Contenu ajouté
m Robot : Changement de type cosmétique |
m →Problèmes éventuels : ajout tableau de synthèse |
||
Ligne 1 355 :
* 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'un tableau.
== synthèse / aide-mémoire ==
{| cellspacing="0" cellpadding="3" width="100%" border="3" style = "background:#ffeedd;"
|- style="text-align:left; font-size:125%; background:#33aaaa;"
! width=200 | fonction !! width=350 | <tt>code</tt> !! note
<!--### s t r u c t u r e ###-->
|- style = "background:#ffddbb; font-size:125%; font-style:italic"
! colspan="3" | <tt>s t r u c t u re</tt>
|-
| délimitation du tableau || <tt><nowiki>{|</nowiki><br><nowiki>tableau</nowiki><br><nowiki>|}</nowiki></tt> ||
|-
| tableau paramétré || <tt><nowiki>{| params</nowiki><br><nowiki>tableau</nowiki><br><nowiki>|}</nowiki></tt> ||
|-
| légende (caption) || <tt><nowiki>|- légende</nowiki></tt> ||
|-
| légende paramétrée || <tt><nowiki>|- params | légende</nowiki></tt> || à placer en début de ligne
|-
| balise de nouvelle ligne || <tt><nowiki>|-</nowiki></tt> || à placer en début de ligne ; sans cellule
|-
| nouvelle ligne paramétrée || <tt><nowiki>|- params</nowiki></tt> ||
|-
| cellule titre || <tt><nowiki>!titre</nowiki></tt> || style gras & centré par défaut
|-
| cellule titre paramétrée || <tt><nowiki>!params|titre</nowiki></tt> ||
|-
| ligne titres (en-tête) || <tt><nowiki>!titre1!!titre2!!titre3</nowiki></tt> ||
|-
| cellule || <nowiki><tt>|cell</tt></nowiki> ||
|-
| cellule paramétrée || <tt><nowiki>|params|cell</nowiki></tt> ||
|-
| ligne || <tt><nowiki>!cell1||cell2||cell3</tt></nowiki> ||
<!--### f o r m a t ###-->
|- style = "background:#ffddbb; font-size:125%; font-style:italic"
! colspan="3" | <tt>f o r m a t</tt>
|-
! width=200 | !! width=350 | <tt> </tt> !!
|-
| largeur globale || <tt>width="n%"</tt> || fonction de la fenêtre du navigateur
|-
| cadre & grille || <tt>border="n"</tt> || épaisseur seulement pour cadre
|-
| cadre seulement || <tt>style="border:n solid couleur"</tt> || couleur hexa (cf + bas second tableau)
|-
| écart entre cellules || <tt>cellspacing="n"</tt> || cadre de cellule si n>0 (cf ci-dessous)
|-
| cadre seulement (alternative) || <tt>border="n" cellspacing='''"0"'''</tt> || demande écart nul entre cellules
|-
| tampon intérieur cellule || <tt>cellpadding="n"</tt> || entre cadre & texte
|-
| étendue de cellule H ou V || <tt>colspan="n" rowspan="n"</tt> || lire : cellule couvre n colonnes ou n lignes !!!
|-
| flottement & positionnement gauche/droite du tableau || <tt>align="côté"</tt> || le texte extérieur au tableau passe sur le côté
|-
| centrage du tableau || <tt>style="margin: 1em auto 1em auto"</tt> || c une astuce --- le texte extéieur passe pas sur les côtés
|-
| titre du tableau (légende en haut) || <tt>|+titre</tt> || titre collé-centré-gras
|-
| en-têtes || <tt>!en-tête</tt> || pour col & ligne
|-
| alignement vertical ligne ou cellule|| <tt>valign="top"</tt> || ''pas pour tableau entier (?)''
<!--### s t y l e ###-->
|- style = "background:#ffddbb; font-size:125%; font-style:italic"
! colspan="3" | <tt>s t y l e</tt>
|- style="background:#ffddbb; text-align:left"
! width=200 | format global params de style !! width=350 | <tt>style = "param:val; param:val; ...;"</tt> !! pour tableau, ligne, cellule<br/>attention : points-virgules collés <nowiki>!!!</nowiki>
|-
| hauteur & largeur cellules || <tt>style="height:100px; width:100px;" </tt> || on peut aussi mesurer en %age
|-
| alignement du texte || <tt>style="text-align:center"</tt> ||
|-
| ''code couleur'' || <tt>6 chiffres hexa :#rrvvbb</tt> || ex : #789abc <br> voir [[meta:Wiki_color_formatting_help|codes couleur]] (sur méta)
|-
| couleur de fond || <tt>style="background:couleur"</tt> ||
|-
| couleur de texte || <tt>style="color:couleur"</tt> ||
|-
| style texte || <tt>style="font-style:italic; font-size:150%;"</tt> ||
|-
| alignement texte (alternative) || <tt>align="left"</tt> ||
|-
| couleur de fond (alternative) || <tt>bgcolor="couleur"</tt> ||
|-
| couleur de texte (alternative) || <tt><nowiki><span style="color:couleur">texte</span></nowiki></tt> || codage (x)html
|}
[[Catégorie:Premiers pas|Tableau]]
| |||