Derniers sujets
» Floodons...
par Clovistina Mer 08 Juil 2015, 12:20

» comment ça va ?
par Stefan Helvictus Lun 09 Mar 2015, 12:40

» reprises et covers en vrac (musique)
par Stefan Helvictus Lun 09 Mar 2015, 12:40

» Animaux par ordre alphabétique
par Mimine Lafolle Lun 02 Mar 2015, 07:36

» News de Janvier 2015
par Mimine Lafolle Jeu 15 Jan 2015, 22:12

» `News´ du forum Novembre/Décembre 2014
par Vince Dakota Arnold Mar 23 Déc 2014, 11:59

» Ajouter boutons haut et bas sur toutes les pages
par Clovistina Sam 13 Déc 2014, 11:34

» autre passsion ......
par Cléodore de Vaullagne Sam 22 Nov 2014, 15:57

Qui est en ligne ?
Il y a en tout 1 utilisateur en ligne :: 0 Enregistré, 0 Invisible et 1 Invité

Aucun

[ Voir toute la liste ]


Le record du nombre d'utilisateurs en ligne est de 7 le Sam 03 Mar 2018, 22:15
Horloges
Mar 22 Mai 2018, 14:02
// //
Statistiques
Nous avons 22 membres enregistrés
L'utilisateur enregistré le plus récent est Globavestment

Nos membres ont posté un total de 375 messages dans 89 sujets
Navigation
 Portail
 Index
 Membres
 Profil
 FAQ
 Rechercher










CONNEXION :





Se connecter

. sur _____________ :
quitte la page et dirige vers






Se connecter

. sur FDF :
quitte la page et dirige vers FDF/FA
























































Traduire :






Créer un tableau dans un message.

Aller en bas

Créer un tableau dans un message.

Message par Stefan Helvictus le Lun 28 Juil 2014, 14:28



Créer un tableau dans un message.











 Exclamation   Autres astuces : cliquer sur le bouton (s'ouvre sur un nouvel onglet).


Un tableau est encadré par les balises
Code:
[table]
et
Code:
[/table]

A l'intérieur de ces balises, on commence une nouvelle ligne par [ tr ] qu'on termine par [ /tr ]

A l'intérieur des lignes, des balises [ td ] - [ /td ]

Pour créer un tableau ordinaire :
- exemple 4 lignes et 3 colonnes 


Code:

[table]
[tr]  [td] Ligne 1 - Cellule 1 >>>   [/td] [td] Ligne 1 - Cellule 2 [/td] [td] Ligne 1 - Cellule 3 [/td]  [/tr]
 [tr][td] Ligne 2 - Cellule 1 [/td] [td] L 2 - Cell 2 [/td] [td] Ligne 2 - Cellule 3 [/td][/tr]
[tr][td] Ligne 3 cellule 1 [/td] [td] L 3 - Cell 2 [/td] [td] L 3 - Cell 3 [/td][/tr]
[tr][td] L 4 cellule 1 [/td] [td] L 4 - Cell 2 [/td] [td] L 4 - Cell 3 [/td][/tr]
[/table]

Résultat :

Ligne 1 - Cellule 1 >>>   Ligne 1 - Cellule 2 Ligne 1 - Cellule 3
Ligne 2 - Cellule 1 L 2 - Cell 2 Ligne 2 - Cellule 3
Ligne 3 cellule 1 L 3 - Cell 2 L 3 - Cell 3
L 4 cellule 1 L 4 - Cell 2 L 4 - Cell 3



Il suffit ensuite de rajouter des lignes (copier-coller  [ tr ] [ td ] Ligne ..... - Cellule 1 [ /td ] [ td ] Ligne ... - Cellule 2 [ /td ] [ td ] Ligne .... - Cellule 3 [ /td ] [ /tr ] )

ou des colonnes : après (td) Ligne --- cellule (/td) recopier (td) Ligne --- cellule (/td)


Vous pouvez également rajouter des arguments dans le BBcode 'table'. Ces derniers sont identiques à ceux utiliser pour le HTML. Vous pouvez par exemple ajouter un contour au tableau ci dessus grâce à l'attribut 'border'.

Code:
Code:

[table border=1] [tr][td] Ligne 1 - Cellule 1 [/td] [td] Ligne 1 - Cellule 2 [/td] [td] Ligne 1 - Cellule 3 [/td][/tr] [tr][td] Ligne 2 - Cellule 1 [/td] [td] Ligne 2 - Cellule 2 [/td] [td] Ligne 2 - Cellule 3 [/td][/tr][/table]

Résultat :

Ligne 1 - Cellule 1 Ligne 1 - Cellule 2 Ligne 1 - Cellule 3
Ligne 2 - Cellule 1 Ligne 2 - Cellule 2 Ligne 2 - Cellule 3


D'autres attributs disponibles sont par exemple : cellspacing, cellpadding, width, etc.


 le code pour la bordure simple en 1 trait c'est 
Code:
[table cellspacing=0 border=1]
  et non 
Code:
[table border=1]
ce qui donne :
Code:
[table cellspacing=0 border=1] [tr][td] Ligne 1 - Cellule 1 [/td] [td] Ligne 1 - Cellule 2 [/td] [td] Ligne 1 - Cellule 3 [/td][/tr] [tr][td] Ligne 2 - Cellule 1 [/td] [td] Ligne 2 - Cellule 2 [/td] [td] Ligne 2 - Cellule 3 [/td][/tr][/table]
Résultat :
Ligne 1 - Cellule 1 Ligne 1 - Cellule 2 Ligne 1 - Cellule 3
Ligne 2 - Cellule 1 Ligne 2 - Cellule 2 Ligne 2 - Cellule 3
L'épaisseur des bordures se fait en changeant le chiffre à "border". Ici, j'ai mis [ table cellspacing=0 border=3 ]
Ligne 1 - Cellule 1 Ligne 1 - Cellule 2 Ligne 1 - Cellule 3
Ligne 2 - Cellule 1 Ligne 2 - Cellule 2 Ligne 2 - Cellule 3
Code:
[table cellspacing=0 border=3] [tr][td] Ligne 1 - Cellule 1 [/td] [td] Ligne 1 - Cellule 2 [/td] [td] Ligne 1 - Cellule 3 [/td][/tr] [tr][td] Ligne 2 - Cellule 1 [/td] [td] Ligne 2 - Cellule 2 [/td] [td] Ligne 2 - Cellule 3 [/td][/tr][/table]
table cellspacing=0 border=4    
Texte   Texte Texte
Texte   Texte Texte
Texte   Texte Texte
table cellspacing=0 border=6    
Texte   Texte Texte
Texte   Texte Texte
Texte   Texte Texte
table cellspacing=3 border=3    
Texte   Texte Texte
Texte   Texte Texte
Texte   Texte Texte
table cellspacing=12 border=9      
______ ______ ______
Texte   Texte Texte
Texte   Texte Texte
Texte   Texte Texte
[quote]table cellspacing=25 border=0      
______ ______ ______
Texte   Texte Texte
Texte   Texte Texte
Texte   Texte Texte
Colspan : Pour "fusionner" des cellulesRowspan => Pour "fusionner" des colonnessource & détails
-Texte 1-  
 Texte 2 ----- Texte 3 ----
Code:
[table border="1" cellspacing="0"][tr][td colspan="2"] [center] -Texte 1-  [/center] [/td][/tr][tr][td] Texte 2 [/td][td] ----- Texte 3 ---- [/td][/tr][/table]

________________________________________________________________
Nouveaux messages
Pour nous écrire, rubrique "Remarques et questions" (cliquer ici)
__ Mar 22 Mai 2018, 14:02__


  | _| S || E | F |  |  ||  |  |  |  |
avatar
Stefan Helvictus
AidActif
AidActif

Rangs :



Masculin Gémeaux Singe
Age : 25

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Revenir en haut


 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum