crapopabo
Nulla dies sine ludere
Messages : 1489
Date d'inscription : 01/11/2012
![[Tutoriel] Insérer un tableau Empty](https://2img.net/i/fa/empty.gif) |  Sujet: [Tutoriel] Insérer un tableau Ven 30 Nov 2012 - 23:45 | |
| [fade] Nous allons voir comment créer et insérer un tableau dans un message. Cette fonction peut paraître rebutante mais c'est un outil de mise en forme qui risque de devenir très vite incontournable...!Créer un tableau
- Cliquer sur l'icône
![[Tutoriel] Insérer un tableau Insere10](https://i.servimg.com/u/f20/11/70/10/84/insere10.jpg)
- Une nouvelle fenêtre apparaît
![[Tutoriel] Insérer un tableau Insere11](https://i.servimg.com/u/f20/11/70/10/84/insere11.jpg)
La première case correspond au nombre de ligne, la seconde au nombre de colonne que vous souhaitez insérer dans votre tableau. Les icônes en dessous permettent d'ajouter des lignes et/ ou des colonnes dans un tableau existant. Mettons "3" dans chacune des cases. Nous allons obtenir le code suivant :
- Code:
-
[table border="1"]
[tr]
[td] [/td][td] [/td][td] [/td]
[/tr][tr]
[td] [/td][td] [/td][td] [/td]
[/tr][tr]
[td] [/td][td] [/td][td] [/td]
[/tr]
[/table]
- Pour plus de lisibilité, remettons certaines balises à la ligne ( à l'aide de la touche "entrée") :
- Code:
-
[table border="1"]
[tr]
[td] [/td]
[td] [/td]
[td] [/td]
[/tr]
[tr]
[td] [/td]
[td] [/td]
[td] [/td]
[/tr]
[tr]
[td] [/td]
[td] [/td]
[td] [/td]
[/tr]
[/table]
Il y a donc 3 couples de balises et 3x3 couples de balises
.
= code pour une ligne
= code pour une case. Quand ce code est inséré entre les balises , cela correspond à une colonne.
- Important : le contenu du tableau (texte, image, etc.) se place toujours entre les balises
Ajouter du contenu
- A cette étape, le tableau ressemble à ceci :
- Pour ajouter du contenu, il suffit simplement de le mettre entre les balises
! Ouf !
Pour ajouter du contenu sur la deuxième ligne de la deuxième colonne, il faut repérer la deuxième balise (=début de la deuxième ligne) et placer le contenu entre le deuxième couple de balises
:
- Important : il est possible de mettre en forme le contenu (gras, italique, centré, etc.). Le plus pratique, c'est de mettre en forme le contenu AVANT de le positionner (soit en copier-coller, soit en sélectionner-glisser) dans le tableau.
Exemple :
| Orange | Cyan | Blanc | | Rouge | italique | gras | barré | souligné | centré |
|
|
crapounet
Membre Malle-Ice
Messages : 3856
Date d'inscription : 01/11/2012
Age : 38
| | Sujet: Re: [Tutoriel] Insérer un tableau Sam 8 Déc 2012 - 14:11 | |
| Vous souhaitez centrer votre tableau dans la page du forum? il suffit d'ajouter les balises Html suivantes en amont et aval de votre tableau (bbcod ou html) : - Code:
-
<div align="center">
Votre tableau - Code:
-
</div> et le tour est joué  |
|
