Fend
Admin
Nombre de messages: 4282
Age: 30
Localisation: Grenoble
ID SEN: Fend_Core
 |  Sujet: Comment créer et modifier un tableau ? Lun 31 Jan 2011 - 14:38 | |
| Vous pouvez utiliser la fonction tableau dans la barre d'outil de l'édition d'un post sur notre forum. Après avoir cliqué dessus il vous suffit de préciser le nombre de linge puis de colonnes et il se charge de créer les balises PHPBB pour vous. Vous n'avez alors qu'à le remplir et le tableau se mettra en forme automatiquement. Mais si vous voulez le modifier par la suite, ça devient plus compliqué. Tout d'abord voici comment il fonctionne, il y a trois sortes de balises à utiliser : | Code: | Le tableau : [table border="1"] [/table]
Les lignes : [tr] [/tr]
Les cases : [td] [/td] |
Ensuite vous n'avez plus qu'à insérer des lignes (balise [tr]) dans le tableau, voici un exemple avec 3 lignes :
| Code: | [table border="1"]
[tr]
Ligne 1
[/tr]
[tr]
Ligne 2
[/tr]
[tr]
Ligne 3
[/tr]
[/table] |
Bien sûr le code écrit ci-dessus ne rendra rien sans colonne. On ne peut pas créer directement une colonne, il faut créer des cases (balise [td]) dans chaque lignes :
| Code: | [table border="1"]
[tr]
[td]Ligne 1, case 1[/td]
[/tr]
[tr]
[td]Ligne 2, case 1[/td]
[/tr]
[tr]
[td]Ligne 3, case 1[/td]
[/tr]
[/table] |
Et voici ce que ça donne :
| Ligne 1, case 1 | | Ligne 2, case 1 | | Ligne 3, case 3 |
Vous voyez que les cases s'alignent pour former une colonne.
La suite vous la devinez, voici comment rajouter une seconde colonne :
| Code: | [table border="1"]
[tr]
[td]Ligne 1, case 1[/td][td]Ligne 1, case 2[/td]
[/tr]
[tr]
[td]Ligne 2, case 1[/td][td]Ligne 2, case 2[/td]
[/tr]
[tr]
[td]Ligne 3, case 1[/td][td]Ligne 3, case 2[/td]
[/tr]
[/table] |
Voici ce que ça donne :
| Ligne 1, case 1 | Ligne 1, case 2 | | Ligne 2, case 1 | Ligne 2, case 2 | | Ligne 3, case 1 | Ligne 3, case 2 |
Enfin si vous oubliez de mettre une case sur une ligne, le tableau s'adaptera et remplira ses cases en partant de la gauche, par exemple supprimons la case 1 de la ligne 3 :
| Code: | [table border="1"]
[tr]
[td]Ligne 1, case 1[/td][td]Ligne 1, case 2[/td]
[/tr]
[tr]
[td]Ligne 2, case 1[/td][td]Ligne 2, case 2[/td]
[/tr]
[tr]
[td]Ligne 3, case 2[/td]
[/tr]
[/table] |
Résultat, la case 2 de la ligne 3 se retrouve dans la première colonne :
| Ligne 1, case 1 | Ligne 1, case 2 | | Ligne 2, case 1 | Ligne 2, case 2 | | Ligne 3, case 2 |
Dans ce cas il vaut mieux rajouter une case vide pour que la case 2 de la ligne 3 conserve sa bonne place dans le tableau :
| Code: | [table border="1"]
[tr]
[td]Ligne 1, case 1[/td][td]Ligne 1, case 2[/td]
[/tr]
[tr]
[td]Ligne 2, case 1[/td][td]Ligne 2, case 2[/td]
[/tr]
[tr]
[td][/td][td]Ligne 3, case 2[/td]
[/tr]
[/table] |
| Ligne 1, case 1 | Ligne 1, case 2 | | Ligne 2, case 1 | Ligne 2, case 2 | | Ligne 3, case 2 |
Mon conseil : n'hésitez pas à mettre des "retour à la ligne" avant et après les balises [tr] et [/tr] pour vous y retrouver, sinon c'est ingérable !!
Un exemple avec le tableau des courses du championnat Type-r #1 :
| Code: | [table border="1"]
[tr]
[td]Manche[/td][td]Date[/td][td]Heure d'ouverture[/td][td]Heure course[/td][td]Circuit[/td][td]Météo[/td][td]Nb de tours[/td]
[/tr]
[tr]
[td]1[/td][td]26/01/2011[/td][td]19h30[/td][td]19h45[/td][td]Suzuka Est[/td][td]Beau[/td][td]12[/td]
[/tr]
[tr]
[td]2[/td][td]01/02/2011[/td][td]19h30[/td][td]19h45[/td][td]Tsukuba[/td][td]Beau[/td][td]12[/td]
[/tr]
[tr]
[td]3[/td][td]03/02/2011[/td][td]19h30[/td][td]19h50[/td][td]Tokyo R246[/td][td]Beau[/td][td]6[/td]
[/tr]
[/table] |
| Manche | Date | Heure d'ouverture | Heure course | Circuit | Météo | Nb de tours | | 1 | 26/01/2011 | 19h30 | 19h45 | Suzuka Est | Beau | 12 | | 2 | 01/02/2011 | 19h30 | 19h45 | Tsukuba | Beau | 12 | | 3 | 03/02/2011 | 19h30 | 19h50 | Tokyo R246 | Beau | 6 |
Plus compliqué, dans ce tableau nous avons des cases vides et de la mise en forme (gras/couleur) à l'intérieur des cases :
| Code: |
[table border="1"]
[tr]
[td]Place[/td][td]Pseudo[/td][td]Temps[/td][td]Ecart[/td][td]Voiture[/td][td]Points championnat[/td][td]Points course[/td]
[/tr]
[tr]
[td]1[/td][td][b]Kutiva[/b][/td][td][color=cyan]11'07"666[/color][/td][td]NA[/td][td]Honda Integra Type-R (DC5) '04[/td][td]25[/td][td]10[/td]
[/tr]
[tr]
[td]2[/td][td][b]Vico[/b][/td][td][color=cyan]11'12"367[/color][/td][td]+04"701[/td][td]Honda Integra Type-R (DC5) '04[/td][td]20[/td][td]7[/td]
[/tr]
[tr]
[td]3[/td][td][b]j-say[/b][/td][td][color=cyan]11'26"140[/color][/td][td]+18"474[/td][td]Honda Civic Type-R (EP3) '04[/td][td]16[/td][td]5[/td]
[/tr]
[tr]
[td]4[/td][td][b]Tamago[/b][/td][td][color=cyan]11'28"683[/color][/td][td]+21"017[/td][td]Honda Civic Type-R '08[/td][td]12[/td][td]3[/td]
[/tr]
[tr]
[td]5[/td][td][b]oRO_JAo[/b][/td][td][color=cyan]11'30"599[/color][/td][td]+22"933[/td][td]Acura Integra Tye-R '01[/td][td]9[/td][td]2[/td]
[/tr]
[tr]
[td]6[/td][td][b]Fend[/b][/td][td][color=cyan]11'31"537[/color][/td][td]+23"871[/td][td]Honda Integra Type-R (DC5) '04[/td][td]7[/td][td]1[/td]
[/tr]
[tr]
[td]7[/td][td][b]Ableman31[/b][/td][td][color=cyan]11'35"560[/color][/td][td]+27"894[/td][td]Honda Civic Type-R (EP3) '01[/td][td]5[/td][td][/td]
[/tr]
[tr]
[td]8[/td][td][b]Don Antonio[/b][/td][td][color=cyan]11'41"112[/color][/td][td]+33"446[/td][td]Honda Civic Type-R (EP3) '01[/td][td]3[/td][td][/td]
[/tr]
[tr]
[td]9[/td][td][b]guigui59269[/b][/td][td][color=cyan]11'42"550[/color][/td][td]+34"884[/td][td]Honda Civic Type-R (EK9) '97[/td][td]2[/td][td][/td]
[/tr]
[tr]
[td]10[/td][td][b]TanK[/b][/td][td]Absent[/td][td]NA[/td][td]Honda Civic Type-R (EK9) '97[/td][td]0[/td][td][/td]
[/tr]
[/table]
|
| Place | Pseudo | Temps | Ecart | Voiture | Points championnat | Points course | | 1 | Kutiva | 11'07"666 | NA | Honda Integra Type-R (DC5) '04 | 25 | 10 | | 2 | Vico | 11'12"367 | +04"701 | Honda Integra Type-R (DC5) '04 | 20 | 7 | | 3 | j-say | 11'26"140 | +18"474 | Honda Civic Type-R (EP3) '04 | 16 | 5 | | 4 | Tamago | 11'28"683 | +21"017 | Honda Civic Type-R '08 | 12 | 3 | | 5 | oRO_JAo | 11'30"599 | +22"933 | Acura Integra Tye-R '01 | 9 | 2 | | 6 | Fend | 11'31"537 | +23"871 | Honda Integra Type-R (DC5) '04 | 7 | 1 | | 7 | Ableman31 | 11'35"560 | +27"894 | Honda Civic Type-R (EP3) '01 | 5 | | | 8 | Don Antonio | 11'41"112 | +33"446 | Honda Civic Type-R (EP3) '01 | 3 | | | 9 | guigui59269 | 11'42"550 | +34"884 | Honda Civic Type-R (EK9) '97 | 2 | | | 10 | TanK | Absent | NA | Honda Civic Type-R (EK9) '97 | 0 | |
|
|
