[Aide forum] Faire un tableau

[Jkite]

Je m'aperçois que beaucoup ne savent pas faire de tableaux sur le fofo et après une demande de Vinzos je décide de faire ce topic explicatif.

Première étape : conditions
*S'assurer que la case "toujours autoriser le BBcode" est cochée OUI dans les préférences de votre profil. Sinon le tableau ne s'affichera pas correctement. (elle est cochée par défaut)
*De plus lorsqu'un sujet est créé, le créateur peut choisir de désactiver le BBcode. Par défaut cette case n'est pas cochée mais ça peut-être le cas. Si cette case est cochée votre tableau ne sera jamais visible sous la forme tableau mais sous sa forme codée.
*Attention tout de même, parfois il semblerait que même si toutes les conditions sont remplies le tableau ne s'affiche pas correctement, ceci dû à un problème d'affichage de votre ordi. Pour mes tableaux, un coup ils s'affichent et le moment d'après ils s'affichent plus lol, mais ceci est aléatoire et non maîtrisable.

Deuxième étape : construction
*Pour faire un tableau la manière la plus simple est d'accéder à l'outil d'aide qui est dispo en cliquant sur le bouton "répondre". En faisant une "réponse rapide" l'outils ne sera pas disponible. La preuve en image :



Lorsqu'on clique sur le bouton il faut renseigner le nombre de ligne et de colonne que l'on souhaite faire (la hauteur indique le nombre de ligne et la largeur le nombre de colonne).
Exemple si je souhaite créer 2 lignes et 2 colonnes


Après validation on obtient le code suivant

Code:

[table border="1"]
[tr]
[td] [/td][td] [/td]
[/tr][tr]
[td] [/td][td] [/td]
[/tr]
[/table]

*Voilà votre tableau est fait, il reste plus qu'à le remplir.
Tout ce qui est compris entre

Code:

[tr] et [/tr]

indique une ligne
Tout ce qui est compris entre

Code:

[td] et [/td]

indique une cellule

Exemple

Code:

[table border="1"]
[tr]
[td]contenu de la case 1 [/td][td]contenu de la case 2 [/td]
[/tr][tr]
[td]contenu de la case 3 [/td][td]contenu de la case 4 [/td]
[/tr]
[/table]

Donne =>

contenu de la case 1	contenu de la case 2
contenu de la case 3	contenu de la case 4

Troisième étape : décoration
*Vous remarquerez que par défaut, les éléments du tableau sont positionnés à gauche dans les cellules. Vous pouvez tout à fait centrer ou mettre à droite de cette façon en utilisant les balises

Code:

[center]centré[/center] et [right]à droite[/right]

*Il est aussi possible de colorié son texte, de le mettre en gras, en italique, souligné ou barré etc... avec les balises

Code:

[color=red]texte en rouge[/color], [b]gras[/b], [i]italique[/i], [u]souligné[/u] et [strike]barré[/strike]

*en fait quasiment toutes les balises sont dispo dans un tableau, a vous d'être imaginatif ^^
Par contre veillez à respecter l'ordre :

Code:

Une cellule commence toujours par
[td]
et se termine toujours par
[/td]
C'est entre ces deux balises qu'il faudra ajouter les autres

Exemple

Code:

[table border="1"]
[tr]
[td][b][i][u][strike][color=red]contenu de la case 1[/color][/strike][/u][/i][/b] [/td][td]contenu de la case 2 [/td]
[/tr]
[/table]

Donne :

contenu de la case 1

contenu de la case 2

[Fabelli]

Merci ! très utile en effet ! Je te mets un "+" pour l'initiative et je vais mettre ton topic en postit !

[Jayle]

Merci Jkite pour ces explications, je te met un +1 aussi

[Puiss51]

excellent initiative, je plussoie egalement

[vinzos]

Merci beaucoup

[Jkite]

Une troisième étape vient d'être ajoutée :

La décoration (ou comment changer le police, le style etc... à l'intérieur d'une cellule)


PS : Merci pour votre encouragement

[befa92]

Alors moi je mets un - car tout geek qui se respecte est sensé savoir faire un tableau dans un forum.

[Jkite]

Alors moi je mets un - car tout geek qui se respecte est sensé savoir faire un tableau dans un forum.

[Liftounet]

Alors moi je mets un - car tout geek qui se respecte est sensé savoir faire un tableau dans un forum.

L'html c'est has been

[Jeffman]

On peut préciser aussi :

[table border="1"]

où 1 représente l'épaisseur du cadre du tableau. "0" si vous souhaitez un tableau invisible... :ruse:

[ccc81]

Je fais un essai !!
-------------------------

Saisons	Poule	Place	Tour Cup
44	III.6	2	6
43	III.6	4	8
42	IV.10	1	4
41	V.55	1	6

[ccc81]

[/td]

Saisons	Poule	Place	Tour Cup
44	III.6	2	6
43	III.6	4	8
42	IV.10	1	4
41	V.55	1	6

[Jkite]

Saisons	Poule	Place	Tour Cup
44	III.6	2	6
43	III.6	4	8
42	IV.10	1	4
41	V.55	1	6

Tu as le bouton "Prévisualiser" à gauche du bouton "Envoyer" lorsque tu a écrit un message.
Tu pourras t'entraîner à faire des tableaux sans faire 36 messages sur le forum

[ccc81]

enfin , entre 2 et 36 j'ai un peu de marge!^^

Comment on fait pour mettre les fond des cases en couleur??

[80chris]

td bgcolor="yellow". Tu remplaces yellow par la couleur que tu veux

En mettant < au début et à la fin >

[ccc81]

Merci !
Ou trouver les balises ??

[Contenu sponsorisé]