Aide:Insérer un tableau/Mise en forme - Historique des versions

Red Bull Salzbourg : rectif des coquilles les plus flagrantes

2020-12-16T14:31:51Z

rectif des coquilles les plus flagrantes

X-Fusion le 25 avril 2019 à 21:59

2019-04-25T21:59:25Z

← Version précédente		Version du 25 avril 2019 à 21:59
Ligne 20 :		Ligne 20 :
	\|}		\|}
	Le tableau apparaissant sur la droite a été obtenu en tapant ce code :		Le tableau apparaissant sur la droite a été obtenu en tapant ce code :
	<~~div class="tags" style="background:#f9f9f9; text-align:left; margin-left:1em; width:50%"><code><nowiki~~>{\| class="tableaustandard"~~</nowiki></code> <code style="color: darkred">~~align="right"~~</code><br>~~		<pre>
	~~<code>~~\|+ Voici mon tableau~~</code><br>~~		{\| class="tableaustandard" align="right"
	~~<code>~~\|- ~~</code><br>~~		\|+ Voici mon tableau
	~~<code>~~\| Qui a été aligné à droite du texte.~~</code><br>~~		\|-
	~~<code>~~\|- ~~</code><br>~~		\| Qui a été aligné à droite du texte.
	~~<code>~~\| Comme je l'ai demandé !~~</code><br>~~		\|-
	~~<code>~~\|}</~~code></div~~>		\| Comme je l'ai demandé !
			\|}
			</pre>

	==Définir la présentation des cellules==		==Définir la présentation des cellules==
Ligne 56 :		Ligne 58 :
	===Exemple===		===Exemple===
	En tapant ce code :		En tapant ce code :
	<~~div class="tags" style="background:#f9f9f9; text-align:left; margin-left:1em;"><code><nowiki~~>{\| class="tableaustandard"~~</nowiki></code><br>~~		<pre>
	~~<code>~~\|+ Un tableau à deux cellules~~</code><br>~~		{\| class="tableaustandard"
	~~<code>~~\|-~~</code><br>~~		\|+ Un tableau à deux cellules
	~~<code style="color: darkblue">~~\| Sans "style", cette cellule garde ses valeurs par défaut.~~</code><br>~~		\|-
	~~<code>~~\|- ~~</code><br>~~		\| Sans "style", cette cellule garde ses valeurs par défaut.
	~~<code style="color: darkred">~~\| style="text-align:center; color:white; background:#D5AA5D"~~</code> <code>~~\| Ici, j'obtiens un texte blanc,~~<nowiki>~~<br~~></nowiki~~>aligné au centre et sur fond orangé.~~</code><br>~~		\|-
	~~<code>~~\|}</~~code></div~~>		\| style="text-align:center; color:white; background:#D5AA5D" \| Ici, j'obtiens un texte blanc,<br>aligné au centre et sur fond orangé.
			\|}
			</pre>

	On obtient ceci :		On obtient ceci :
	{\| class="tableaustandard"		{\| class="tableaustandard"

FanDeNintendoFR : correction d'un lien de fichier brisé

2014-05-12T18:19:50Z

correction d'un lien de fichier brisé

← Version précédente		Version du 12 mai 2014 à 18:19
Ligne 1 :		Ligne 1 :
	[[Fichier:DP050.jpg\|thumb\|Pour créer un tableau complexe, il faut connaitre certains codes.]]		[[Fichier:Épisode DP050.jpg\|thumb\|Pour créer un tableau complexe, il faut connaitre certains codes.]]
	Cette dernière partie nous permettra de voir en détails plusieurs codes particuliers, qui seront utilisés pour définir l'agencement de tableaux plus complexes.<br>		Cette dernière partie nous permettra de voir en détails plusieurs codes particuliers, qui seront utilisés pour définir l'agencement de tableaux plus complexes.<br>
	<u>N'hésitez pas à revenir souvent ici pour vous remémorer les différents codes et leurs fonctions.</u>		<u>N'hésitez pas à revenir souvent ici pour vous remémorer les différents codes et leurs fonctions.</u>

Utilisateur supprimé 210308 le 27 juin 2013 à 14:37

2013-06-27T14:37:59Z

← Version précédente		Version du 27 juin 2013 à 14:37
Ligne 63 :		Ligne 63 :
	<code style="color: darkred">\| style="text-align:center; color:white; background:#D5AA5D"</code> <code>\| Ici, j'obtiens un texte blanc,<nowiki><br></nowiki>aligné au centre et sur fond orangé.</code><br>		<code style="color: darkred">\| style="text-align:center; color:white; background:#D5AA5D"</code> <code>\| Ici, j'obtiens un texte blanc,<nowiki><br></nowiki>aligné au centre et sur fond orangé.</code><br>
	<code>\|}</code></div>		<code>\|}</code></div>
	~~J'obtiens~~ ceci :		On obtient ceci :
	{\| class="tableaustandard"		{\| class="tableaustandard"
	\|+ Un tableau à deux cellules		\|+ Un tableau à deux cellules

InvocK le 27 juin 2013 à 14:30

2013-06-27T14:30:54Z

← Version précédente		Version du 27 juin 2013 à 14:30
Ligne 12 :		Ligne 12 :

	===Exemple===		===Exemple===
	{\| class="~~wikitable~~" align="right"		{\| class="tableaustandard" align="right"
	\|+ Voici mon tableau		\|+ Voici mon tableau
	\|-		\|-
Ligne 20 :		Ligne 20 :
	\|}		\|}
	Le tableau apparaissant sur la droite a été obtenu en tapant ce code :		Le tableau apparaissant sur la droite a été obtenu en tapant ce code :
	<div class="tags" style="background:#f9f9f9; text-align:left; margin-left:1em; width:50%"><code><nowiki>{\| class="~~wikitable~~"</nowiki></code> <code style="color: darkred">align="right"</code><br>		<div class="tags" style="background:#f9f9f9; text-align:left; margin-left:1em; width:50%"><code><nowiki>{\| class="tableaustandard"</nowiki></code> <code style="color: darkred">align="right"</code><br>
	<code>\|+ Voici mon tableau</code><br>		<code>\|+ Voici mon tableau</code><br>
	<code>\|- </code><br>		<code>\|- </code><br>
Ligne 33 :		Ligne 33 :
	Le tableau ci-dessous présente un bref récapitulatif des possibilités offerte par ce code. Ces possibilités sont cumulables pour la plupart d'entre elles, il suffit de les intégrer entre les guillemets en les séparant les unes des autres par un point-virgule ( <code style="color: darkred">'''<nowiki>;</nowiki>'''</code> ).		Le tableau ci-dessous présente un bref récapitulatif des possibilités offerte par ce code. Ces possibilités sont cumulables pour la plupart d'entre elles, il suffit de les intégrer entre les guillemets en les séparant les unes des autres par un point-virgule ( <code style="color: darkred">'''<nowiki>;</nowiki>'''</code> ).

	{\| class="~~wikitable~~" style="width:95%;"		{\| class="tableaustandard" style="width:95%;"
	! style="background:#ccf; width:33%" \| En tapant :		! style="background:#ccf; width:33%" \| En tapant :
	! style="background:#ccf; width:33%" \| J'obtiens :		! style="background:#ccf; width:33%" \| J'obtiens :
Ligne 56 :		Ligne 56 :
	===Exemple===		===Exemple===
	En tapant ce code :		En tapant ce code :
	<div class="tags" style="background:#f9f9f9; text-align:left; margin-left:1em;"><code><nowiki>{\| class="~~wikitable~~"</nowiki></code><br>		<div class="tags" style="background:#f9f9f9; text-align:left; margin-left:1em;"><code><nowiki>{\| class="tableaustandard"</nowiki></code><br>
	<code>\|+ Un tableau à deux cellules</code><br>		<code>\|+ Un tableau à deux cellules</code><br>
	<code>\|-</code><br>		<code>\|-</code><br>
Ligne 64 :		Ligne 64 :
	<code>\|}</code></div>		<code>\|}</code></div>
	J'obtiens ceci :		J'obtiens ceci :
	{\| class="~~wikitable~~"		{\| class="tableaustandard"
	\|+ Un tableau à deux cellules		\|+ Un tableau à deux cellules
	\|-		\|-

InvocK : /* Définir la présentation des cellules */

2013-06-12T23:11:23Z

Définir la présentation des cellules

← Version précédente		Version du 12 juin 2013 à 23:11
Ligne 40 :		Ligne 40 :
	\| <code><nowiki>style="</nowiki><span style="background:#acc">text-align:</span><span style="background:#6cc">right</span>" <nowiki>\|</nowiki> Mon texte à droite</code>		\| <code><nowiki>style="</nowiki><span style="background:#acc">text-align:</span><span style="background:#6cc">right</span>" <nowiki>\|</nowiki> Mon texte à droite</code>
	\| style="text-align:right" \| Mon texte à droite		\| style="text-align:right" \| Mon texte à droite
	\| Par défaut, le texte dans une cellule apparait aligné à gauche.		\| Par défaut, le texte dans une cellule apparait aligné à gauche.<br> Les codes d'alignement sont <code style="color: darkred">'''<nowiki>left</nowiki>'''</code> (gauche), <code style="color: darkred">'''<nowiki>center</nowiki>'''</code> (centre) et <code style="color: darkred">'''<nowiki>right</nowiki>'''</code> (droite).
	\|-		\|-
	\| <code><nowiki>style="</nowiki><span style="background:#acc">vertical-align:</span><span style="background:#6cc">middle</span>" <nowiki>\|</nowiki> Si ma cellule est large en hauteur, mon texte est aligné au centre.</code>		\| <code><nowiki>style="</nowiki><span style="background:#acc">vertical-align:</span><span style="background:#6cc">middle</span>" <nowiki>\|</nowiki> Si ma cellule est large en hauteur, mon texte est aligné au centre.</code>

InvocK : /* Définir la présentation des cellules */

2013-06-12T23:06:50Z

Définir la présentation des cellules

← Version précédente		Version du 12 juin 2013 à 23:06
Ligne 33 :		Ligne 33 :
	Le tableau ci-dessous présente un bref récapitulatif des possibilités offerte par ce code. Ces possibilités sont cumulables pour la plupart d'entre elles, il suffit de les intégrer entre les guillemets en les séparant les unes des autres par un point-virgule ( <code style="color: darkred">'''<nowiki>;</nowiki>'''</code> ).		Le tableau ci-dessous présente un bref récapitulatif des possibilités offerte par ce code. Ces possibilités sont cumulables pour la plupart d'entre elles, il suffit de les intégrer entre les guillemets en les séparant les unes des autres par un point-virgule ( <code style="color: darkred">'''<nowiki>;</nowiki>'''</code> ).

	{\| class="wikitable"		{\| class="wikitable" style="width:95%;"
	! style="background:#ccf; width:25%" \| En tapant :		! style="background:#ccf; width:33%" \| En tapant :
	! style="background:#ccf; width:30%" \| J'obtiens :		! style="background:#ccf; width:33%" \| J'obtiens :
	! style="background:#ccf; width:25%" \| Bon à savoir		! style="background:#ccf; width:33%" \| Bon à savoir
	\|-		\|-
	\| <code><nowiki>style="</nowiki><span style="background:#acc">text-align:</span><span style="background:#6cc">right</span>" <nowiki>\|</nowiki> Mon texte à droite</code>		\| <code><nowiki>style="</nowiki><span style="background:#acc">text-align:</span><span style="background:#6cc">right</span>" <nowiki>\|</nowiki> Mon texte à droite</code>

InvocK : /* Définir la présentation des cellules */

2010-12-22T13:55:08Z

Définir la présentation des cellules

← Version précédente		Version du 22 décembre 2010 à 13:55
Ligne 48 :		Ligne 48 :
	\| <code><nowiki>style="</nowiki><span style="background:#acc">color:</span><span style="background:#6cc">blue</span>" <nowiki>\|</nowiki> Mon texte en bleu</code>		\| <code><nowiki>style="</nowiki><span style="background:#acc">color:</span><span style="background:#6cc">blue</span>" <nowiki>\|</nowiki> Mon texte en bleu</code>
	\| style="color:blue" \| Mon texte en bleu		\| style="color:blue" \| Mon texte en bleu
	\| rowspan="2" \| La liste intégrale des noms de couleurs ~~scriptés~~ se trouve [http://www.html-color-names.com/ ici].<br>Vous pouvez aussi définir une couleur par son [http://www.code-couleur.com/ code ~~HTML~~].		\| rowspan="2" \| La liste intégrale des noms de couleurs HTML se trouve [http://www.html-color-names.com/ ici].<br>Vous pouvez aussi définir une couleur par son [http://www.code-couleur.com/ code hexadécimal].
	\|-		\|-
	\| <code><nowiki>style="</nowiki><span style="background:#acc">background:</span><span style="background:#6cc">#7CAAC7</span>" <nowiki>\|</nowiki> Ma cellule a pour fond la couleur définie</code>		\| <code><nowiki>style="</nowiki><span style="background:#acc">background:</span><span style="background:#6cc">#7CAAC7</span>" <nowiki>\|</nowiki> Ma cellule a pour fond la couleur définie</code>

InvocK le 13 octobre 2010 à 17:16

2010-10-13T17:16:43Z

← Version précédente		Version du 13 octobre 2010 à 17:16
Ligne 20 :		Ligne 20 :
	\|}		\|}
	Le tableau apparaissant sur la droite a été obtenu en tapant ce code :		Le tableau apparaissant sur la droite a été obtenu en tapant ce code :
	<div class="tags" style="background:#~~fff~~; text-align:left; margin-left:1em; width:50%"><code><nowiki>{\| class="wikitable"</nowiki></code> <code style="color: darkred">align="right"</code><br>		<div class="tags" style="background:#f9f9f9; text-align:left; margin-left:1em; width:50%"><code><nowiki>{\| class="wikitable"</nowiki></code> <code style="color: darkred">align="right"</code><br>
	<code>\|+ Voici mon tableau</code><br>		<code>\|+ Voici mon tableau</code><br>
	<code>\|- </code><br>		<code>\|- </code><br>
Ligne 56 :		Ligne 56 :
	===Exemple===		===Exemple===
	En tapant ce code :		En tapant ce code :
	<div class="tags" style="background:#~~fff~~; text-align:left; margin-left:1em;"><code><nowiki>{\| class="wikitable"</nowiki></code><br>		<div class="tags" style="background:#f9f9f9; text-align:left; margin-left:1em;"><code><nowiki>{\| class="wikitable"</nowiki></code><br>
	<code>\|+ Un tableau à deux cellules</code><br>		<code>\|+ Un tableau à deux cellules</code><br>
	<code>\|-</code><br>		<code>\|-</code><br>

InvocK : /* Définir la présentation des cellules */

2010-09-25T13:57:45Z

Définir la présentation des cellules

← Version précédente		Version du 25 septembre 2010 à 13:57
Ligne 52 :		Ligne 52 :
	\| <code><nowiki>style="</nowiki><span style="background:#acc">background:</span><span style="background:#6cc">#7CAAC7</span>" <nowiki>\|</nowiki> Ma cellule a pour fond la couleur définie</code>		\| <code><nowiki>style="</nowiki><span style="background:#acc">background:</span><span style="background:#6cc">#7CAAC7</span>" <nowiki>\|</nowiki> Ma cellule a pour fond la couleur définie</code>
	\| style="background:#7CAAC7" \| Ma cellule a pour fond la couleur définie		\| style="background:#7CAAC7" \| Ma cellule a pour fond la couleur définie
	\|
	\|}		\|}

← Version précédente		Version du 12 juin 2013 à 23:06
Ligne 33 :		Ligne 33 :
	Le tableau ci-dessous présente un bref récapitulatif des possibilités offerte par ce code. Ces possibilités sont cumulables pour la plupart d'entre elles, il suffit de les intégrer entre les guillemets en les séparant les unes des autres par un point-virgule ( <code style="color: darkred">'''<nowiki>;</nowiki>'''</code> ).		Le tableau ci-dessous présente un bref récapitulatif des possibilités offerte par ce code. Ces possibilités sont cumulables pour la plupart d'entre elles, il suffit de les intégrer entre les guillemets en les séparant les unes des autres par un point-virgule ( <code style="color: darkred">'''<nowiki>;</nowiki>'''</code> ).

	{\| class="wikitable"		{\| class="wikitable" style="width:95%;"
	! style="background:#ccf; width:25%" \| En tapant :		! style="background:#ccf; width:33%" \| En tapant :
	! style="background:#ccf; width:30%" \| J'obtiens :		! style="background:#ccf; width:33%" \| J'obtiens :
	! style="background:#ccf; width:25%" \| Bon à savoir		! style="background:#ccf; width:33%" \| Bon à savoir
	\|-		\|-
	\| <code><nowiki>style="</nowiki><span style="background:#acc">text-align:</span><span style="background:#6cc">right</span>" <nowiki>\|</nowiki> Mon texte à droite</code>		\| <code><nowiki>style="</nowiki><span style="background:#acc">text-align:</span><span style="background:#6cc">right</span>" <nowiki>\|</nowiki> Mon texte à droite</code>

← Version précédente		Version du 22 décembre 2010 à 13:55
Ligne 48 :		Ligne 48 :
	\| <code><nowiki>style="</nowiki><span style="background:#acc">color:</span><span style="background:#6cc">blue</span>" <nowiki>\|</nowiki> Mon texte en bleu</code>		\| <code><nowiki>style="</nowiki><span style="background:#acc">color:</span><span style="background:#6cc">blue</span>" <nowiki>\|</nowiki> Mon texte en bleu</code>
	\| style="color:blue" \| Mon texte en bleu		\| style="color:blue" \| Mon texte en bleu
	\| rowspan="2" \| La liste intégrale des noms de couleurs ~~scriptés~~ se trouve [http://www.html-color-names.com/ ici].<br>Vous pouvez aussi définir une couleur par son [http://www.code-couleur.com/ code ~~HTML~~].		\| rowspan="2" \| La liste intégrale des noms de couleurs HTML se trouve [http://www.html-color-names.com/ ici].<br>Vous pouvez aussi définir une couleur par son [http://www.code-couleur.com/ code hexadécimal].
	\|-		\|-
	\| <code><nowiki>style="</nowiki><span style="background:#acc">background:</span><span style="background:#6cc">#7CAAC7</span>" <nowiki>\|</nowiki> Ma cellule a pour fond la couleur définie</code>		\| <code><nowiki>style="</nowiki><span style="background:#acc">background:</span><span style="background:#6cc">#7CAAC7</span>" <nowiki>\|</nowiki> Ma cellule a pour fond la couleur définie</code>

← Version précédente		Version du 16 décembre 2020 à 14:31
Ligne 5 :		Ligne 5 :
	==Alignement d'un tableau==		==Alignement d'un tableau==

	Un tableau peut-être aligné en inscrivant le code <code style="color: darkred">'''<nowiki>align="xxx"</nowiki>'''</code> sur la ligne d'ouverture d'un tableau ( '''<code><nowiki>{\|</nowiki></code>''' ).<br>		Un tableau peut être aligné en inscrivant le code <code style="color: darkred">'''<nowiki>align="xxx"</nowiki>'''</code> sur la ligne d'ouverture d'un tableau ( '''<code><nowiki>{\|</nowiki></code>''' ).<br>
	Ainsi, en tapant :		Ainsi, en tapant :
	*<code style="color: darkred">'''<nowiki>align="left"</nowiki>'''</code>, le tableau est aligné sur la gauche du texte ;		*<code style="color: darkred">'''<nowiki>align="left"</nowiki>'''</code>, le tableau est aligné sur la gauche du texte ;
Ligne 33 :		Ligne 33 :
	Les cases d'un tableau sont nommées « cellules ». Il est possible de définir de nombreuses choses concernant la présentation de ces cellules grâce au code <code style="color: darkred">'''<nowiki>style="xxx"</nowiki>'''</code>.		Les cases d'un tableau sont nommées « cellules ». Il est possible de définir de nombreuses choses concernant la présentation de ces cellules grâce au code <code style="color: darkred">'''<nowiki>style="xxx"</nowiki>'''</code>.

	Le tableau ci-dessous présente un bref récapitulatif des possibilités ~~offerte~~ par ce code. Ces possibilités sont cumulables pour la plupart d'entre elles, il suffit de les intégrer entre les guillemets en les séparant les unes des autres par un point-virgule ( <code style="color: darkred">'''<nowiki>;</nowiki>'''</code> ).		Le tableau ci-dessous présente un bref récapitulatif des possibilités offertes par ce code. Ces possibilités sont cumulables pour la plupart d'entre elles, il suffit de les intégrer entre les guillemets en les séparant les unes des autres par un point-virgule ( <code style="color: darkred">'''<nowiki>;</nowiki>'''</code> ).

	{\| class="tableaustandard" style="width:95%;"		{\| class="tableaustandard" style="width:95%;"
Ligne 42 :		Ligne 42 :
	\| <code><nowiki>style="</nowiki><span style="background:#acc">text-align:</span><span style="background:#6cc">right</span>" <nowiki>\|</nowiki> Mon texte à droite</code>		\| <code><nowiki>style="</nowiki><span style="background:#acc">text-align:</span><span style="background:#6cc">right</span>" <nowiki>\|</nowiki> Mon texte à droite</code>
	\| style="text-align:right" \| Mon texte à droite		\| style="text-align:right" \| Mon texte à droite
	\| Par défaut, le texte dans une cellule ~~apparait~~ aligné à gauche.<br> Les codes d'alignement sont <code style="color: darkred">'''<nowiki>left</nowiki>'''</code> (gauche), <code style="color: darkred">'''<nowiki>center</nowiki>'''</code> (centre) et <code style="color: darkred">'''<nowiki>right</nowiki>'''</code> (droite).		\| Par défaut, le texte dans une cellule apparaît aligné à gauche.<br> Les codes d'alignement sont <code style="color: darkred">'''<nowiki>left</nowiki>'''</code> (gauche), <code style="color: darkred">'''<nowiki>center</nowiki>'''</code> (centre) et <code style="color: darkred">'''<nowiki>right</nowiki>'''</code> (droite).
	\|-		\|-
	\| <code><nowiki>style="</nowiki><span style="background:#acc">vertical-align:</span><span style="background:#6cc">middle</span>" <nowiki>\|</nowiki> Si ma cellule est large en hauteur, mon texte est aligné au centre.</code>		\| <code><nowiki>style="</nowiki><span style="background:#acc">vertical-align:</span><span style="background:#6cc">middle</span>" <nowiki>\|</nowiki> Si ma cellule est large en hauteur, mon texte est aligné au centre.</code>
	\| style="vertical-align:middle" \| Si ma cellule est large en hauteur, mon texte est aligné au centre.		\| style="vertical-align:middle" \| Si ma cellule est large en hauteur, mon texte est aligné au centre.
	\| Par défaut, le texte dans une cellule large ~~apparait~~ aligné en haut.<br> Les codes d'alignement en hauteur sont <code style="color: darkred">'''<nowiki>top</nowiki>'''</code> (haut), <code style="color: darkred">'''<nowiki>middle</nowiki>'''</code> (milieu) et <code style="color: darkred">'''<nowiki>bottom</nowiki>'''</code> (bas).		\| Par défaut, le texte dans une cellule large apparaît aligné en haut.<br> Les codes d'alignement en hauteur sont <code style="color: darkred">'''<nowiki>top</nowiki>'''</code> (haut), <code style="color: darkred">'''<nowiki>middle</nowiki>'''</code> (milieu) et <code style="color: darkred">'''<nowiki>bottom</nowiki>'''</code> (bas).
	\|-		\|-
	\| <code><nowiki>style="</nowiki><span style="background:#acc">color:</span><span style="background:#6cc">blue</span>" <nowiki>\|</nowiki> Mon texte en bleu</code>		\| <code><nowiki>style="</nowiki><span style="background:#acc">color:</span><span style="background:#6cc">blue</span>" <nowiki>\|</nowiki> Mon texte en bleu</code>

Aide:Insérer un tableau/Mise en forme - Historique des versions

Red Bull Salzbourg : rectif des coquilles les plus flagrantes

X-Fusion le 25 avril 2019 à 21:59

FanDeNintendoFR : correction d'un lien de fichier brisé

Utilisateur supprimé 210308 le 27 juin 2013 à 14:37

InvocK le 27 juin 2013 à 14:30

InvocK : /* Définir la présentation des cellules */

InvocK : /* Définir la présentation des cellules */

InvocK : /* Définir la présentation des cellules */

InvocK le 13 octobre 2010 à 17:16

InvocK : /* Définir la présentation des cellules */

Red Bull Salzbourg : rectif des coquilles les plus flagrantes

FanDeNintendoFR : correction d'un lien de fichier brisé

InvocK : /* Définir la présentation des cellules */

InvocK : /* Définir la présentation des cellules */

InvocK : /* Définir la présentation des cellules */

InvocK : /* Définir la présentation des cellules */