Quel est votre nom, voyageur ?
Eléasis (VIII) 1373, 2ᵉ chevauchée
   

Pages : (2) [1] 2  Reply to this topicStart new topicStart Poll

> Les tableaux
écrit le : Lundi 20 Juillet 2015 à 00h14 par Ashyn Futhvuer
Quote Post
 
Ménestrelle
Chambre 5
Aucune gemme
Haut
Bas
 
 

es biens chères et chers taverniens,

Nous avons une nouvelle fonctionnalité sur le forum, dans l'écriture des posts : les tableaux !

le super tableau
ma tête de colonnel'autre colonneautre commentaire
double colonne, parce que c'est bientrès important
moins importantbishahaha
Et pour finir, hop là ! smile.gif


Ce précédent exemple en montre toutes les options et subtilités, à l'exception d'un détail : pour retirer les bordures vous devrez remplacer bordertable par table.

Voici le code qui a permis de générer le précédent tableau :
CODE
[center][Bordertable75=le super tableau]
[!30]ma tête de colonne[|20]l'autre colonne[|]autre commentaire
[-|]double colonne, parce que c'est bien[|center]très important
[-right]moins important[|center]bis[|right]hahaha
[-||center]Et pour finir, hop là ! :)
[/table][/center]



Saurez-vous le décrypter et reproduire le rendu de ce tableau ?

le super tableau
plop
x
x
x


Le défi est lancé ! Postez à la suite vos tentatives smile.gif

Brun



 
 
   Top
PMEmail PosterUsers Website
écrit le : Lundi 20 Juillet 2015 à 10h46 par Jebeddo
Quote Post
 
Capitaine
Aucune chambre
Aucune gemme
 Il n'y a pas d'objets
Haut
Bas
 
 

le super tableau
plop
x
x
x


c'est ça? (tordu, y'a des truc que t'as pas montré, j'ai du chercher tongue.gif)



user posted image

Parfois il faut se cacher dans l'ombre pour dénicher le mal ou ses secrets.
 
 
   Top
PMEmail Poster
écrit le : Lundi 20 Juillet 2015 à 12h06 par Faryl
Quote Post
 
 

le super tableau
plop
x
x
x


J'ai eu du mal avec la 2 ligne...



« My destiny was stolen from me, why should I let you yours ? »

PJ : Faryl de Mirabar
 
 
   Top
PMEmail Poster
écrit le : Lundi 20 Juillet 2015 à 16h30 par Ashyn Futhvuer
Quote Post
 
Ménestrelle
Chambre 5
Aucune gemme
Haut
Bas
 
 

t oui, Jebeddo et Faryl, c'est bien ça !

Voici la solution :
CODE
[bordertable50='le super tableau']
[!35][|45]plop[|]
[-center]x[||]
[-|center]x[|]
[-||center]x
[/table]


Noter qu'il n'est pas obligatoire de mettre la taille de la dernière colonne ainsi
QUOTE
[!35][|45]plop[|15]
, vu que, de toute façon, si 2 colonnes sont fixées, la 3eme a aussi sa taille de fixée.

Vous l'aurez d'ailleurs tous compris, le 50 qui suit le bordertable correspond à la largeur du tableau dans la page (100 étant la pleine largeur, 50 la demie-largeur, etc).
Dans le même principe, la barre de titre
QUOTE
[!35][|45]plop[|]
permet de déterminer la taille de chaque colonne par rapport à la pleine largeur du tableau. Dans notre cas, la première colonne fera 35% de la largeur du tableau (qui lui-même fait la moitié de la largeur de la page), et la seconde colonne fait 45% de la largeur du tableau. La 3eme colonne prend le reste (donc 20%).

Noter aussi que cette ligne de titre symbolisée par un ! est facultative. Elle est cependant la seule qui puisse qui puisse vous permettre de déterminer manuellement la taille de vos colonnes. Si les tailles de colonnes ne sont pas précisées, alors votre navigateur affichera des colonnes de tailles égales (sauf si une image ou un mot à rallonge vient "déformer" une cellule).

Aller, un autre, juste pour le plaisir smile.gif

user posted imageles plus belles feuilles de Faerunuser posted image
La feuille est, en morphologie végétale, l'organe spécialisé dans la photosynthèse chez les végétaux supérieurs. Elle est insérée sur les tiges des plantes au niveau des nœuds. À l'aisselle de la feuille se trouve un bourgeon axillaire. C'est aussi le siège de la respiration et de la transpiration. Les feuilles peuvent se spécialiser, notamment pour stocker des éléments nutritifs et de l'eau. (wikipedia)
user posted imageuser posted imageuser posted imageuser posted imageuser posted image



 
 
   Top
PMEmail PosterUsers Website
écrit le : Lundi 20 Juillet 2015 à 18h52 par Jebeddo
Quote Post
 
Capitaine
Aucune chambre
Aucune gemme
 Il n'y a pas d'objets
Haut
Bas
 
 

user posted imageles plus belles feuilles de Faerunuser posted image
La feuille est, en morphologie végétale, l'organe spécialisé dans la photosynthèse chez les végétaux supérieurs. Elle est insérée sur les tiges des plantes au niveau des nœuds. À l'aisselle de la feuille se trouve un bourgeon axillaire. C'est aussi le siège de la respiration et de la transpiration. Les feuilles peuvent se spécialiser, notamment pour stocker des éléments nutritifs et de l'eau. (wikipedia)
user posted imageuser posted imageuser posted imageuser posted imageuser posted image



Bon... la question est... comment faire disparaitre les bordures?

EDIT : trouvé, logique en fait

EDIT EDIT, bon par contre, chaque fois que j'édite, ça efface ce que j'avais laissé du précédent tableau :'(

EDIT Brunhilda : pour tester le bug du coup j'ai bidouillé ton post biggrin.gif j'ai un peu cassé ton tableau, donc au final je te l'ai remis en tout beau smile.gif



Ce message a été modifié par Brunhilda Sigrun le Mardi 21 Juillet 2015 à 10h51



user posted image

Parfois il faut se cacher dans l'ombre pour dénicher le mal ou ses secrets.
 
 
   Top
PMEmail Poster
écrit le : Lundi 20 Juillet 2015 à 19h11 par Ashyn Futhvuer
Quote Post
 
Ménestrelle
Chambre 5
Aucune gemme
Haut
Bas
 
 

umpf.. effectivement, il y a un mini bug dans le cas où l'on ne met pas de ligne de titre smile.gif le premier "-" se transforme en "|" et du coup ça retire la première ligne du tableau !

Félicitation, Jebeddo smile.gif

Bon, je laisse un peu les autres mariner, je répare le bug et je prépare le tutoriel pour donner tous les détails de comment dompter les tableaux smile.gif


Aller, au passage, une avant-première... les curieux pourront aller cliquer sur le grimoire "manuel", en haut à droite wink.gif

Brun'



 
 
   Top
PMEmail PosterUsers Website
écrit le : Lundi 20 Juillet 2015 à 20h13 par Faryl
Quote Post
 
 

user posted imageles plus belles feuilles de Faerunuser posted image
La feuille est, en morphologie végétale, l'organe spécialisé dans la photosynthèse chez les végétaux supérieurs. Elle est insérée sur les tiges des plantes au niveau des nœuds. À l'aisselle de la feuille se trouve un bourgeon axillaire. C'est aussi le siège de la respiration et de la transpiration. Les feuilles peuvent se spécialiser, notamment pour stocker des éléments nutritifs et de l'eau. (wikipedia)
user posted imageuser posted imageuser posted imageuser posted imageuser posted image


Nope, vraiment, je vois pas comment faire la première ligne... sad.gif

EDIT : Trouvé !
Mais du coup, ça veut dire qu'on ne peut pas faire une 1ère ligne en 35/45/20, puis une deuxième en 20/20/20/20/20 ?!
A moins peut-être de de faire des très petites divisions en 20*5% ?! biggrin.gif rolleyes.gif



Ce message a été modifié par Faryl le Lundi 20 Juillet 2015 à 21h23



« My destiny was stolen from me, why should I let you yours ? »

PJ : Faryl de Mirabar
 
 
   Top
PMEmail Poster
écrit le : Mardi 21 Juillet 2015 à 21h18 par Ashyn Futhvuer
Quote Post
 
Ménestrelle
Chambre 5
Aucune gemme
Haut
Bas
 
 

ello smile.gif

Bien joué Faryl !

QUOTE
Mais du coup, ça veut dire qu'on ne peut pas faire une 1ère ligne en 35/45/20, puis une deuxième en 20/20/20/20/20 ?!
A moins peut-être de de faire des très petites divisions en 20*5% ?!
Effectivement, ce n'est pas vraiment possible à part à subdiviser à mort les colonnes. Mais bon, e but initial d'un tableau est d'avoir des colonnes et des lignes smile.gif
avoir une première ligne 35/45/20 puis une deuxième 20/20/20/20/20 est un peu bizarre.. quel genre d'info tu veux mettre là dedans biggrin.gif
Dans ton cas, tu pourrais diviser comme suis :
20/15/5/20/20/20
et ensuite fusionner les colonnes comme il faut pour avoir 35/45/20 et 20/20/20/20/20 smile.gif

Du coup au passage, le mini-bug est réparé.

Aller, j'arrête de vous torturer.

Voici donc la "solution" :
CODE
[table100]
[-center][IMG]https://www.royaumesoublies.com/couloirs/style_images/1/bf_new.gif[/IMG][|||center]les plus belles feuilles de Faerun[|center][IMG]https://www.royaumesoublies.com/couloirs/style_images/1/bf_new.gif[/IMG]
[-||||left]La feuille est, en morphologie végétale, l'organe spécialisé dans la photosynthèse chez les végétaux supérieurs. Elle est insérée sur les tiges des plantes au niveau des nœuds. À l'aisselle de la feuille se trouve un bourgeon axillaire. C'est aussi le siège de la respiration et de la transpiration. Les feuilles peuvent se spécialiser, notamment pour stocker des éléments nutritifs et de l'eau. (wikipedia)
[-center][IMG]https://www.royaumesoublies.com/couloirs/style_images/1/bf_new.gif[/IMG][|center][IMG]https://www.royaumesoublies.com/couloirs/style_images/1/bf_new.gif[/IMG][|center][IMG]https://www.royaumesoublies.com/couloirs/style_images/1/bf_new.gif[/IMG][|center][IMG]https://www.royaumesoublies.com/couloirs/style_images/1/bf_new.gif[/IMG][|center][IMG]https://www.royaumesoublies.com/couloirs/style_images/1/bf_new.gif[/IMG]
[/table]

C'est un peu fouillis à cause des adresses à rallonge de l'image. Si on remplace cette adresse, on obtient un truc plus lisible :
CODE
[table100]
[-center][IMG]image_feuille[/IMG][|||center]les plus belles feuilles de Faerun[|center][IMG]image_feuille[/IMG]
[-||||left]La feuille est, en morphologie végétale, l'organe spécialisé dans la photosynthèse chez les végétaux supérieurs. Elle est insérée sur les tiges des plantes au niveau des nœuds. À l'aisselle de la feuille se trouve un bourgeon axillaire. C'est aussi le siège de la respiration et de la transpiration. Les feuilles peuvent se spécialiser, notamment pour stocker des éléments nutritifs et de l'eau. (wikipedia)
[-center][IMG]image_feuille[/IMG][|center][IMG]image_feuille[/IMG][|center][IMG]image_feuille[/IMG][|center][IMG]image_feuille[/IMG][|center][IMG]image_feuille[/IMG]
[/table]



Tous les détails de comment faire un tableau se trouvent là : par ici

Bonne lecture
Brun'



 
 
   Top
PMEmail PosterUsers Website
écrit le : Mardi 21 Juillet 2015 à 23h01 par Kolimar Velcor
Quote Post
 
Grand maître
Aucune chambre
Aucune gemme
 Il n'y a pas d'objets
Haut
Bas
 
 

etite remarque de pédagogue à deux sous.
Dans la page d'explication des tableaux le dernier exemple n'est pas vraiment un bon choix car il ne s'agit que d'un copier coller du dernier tableau en exemple juste avant. Il aurait mieux valu un tableau avec la fusion de deux lignes ou et de deux colonnes.


 
 
   Top
PMEmail Poster
écrit le : Mardi 21 Juillet 2015 à 23h12 par Faryl
Quote Post
 
 

QUOTE (Brunhilda Sigrun @ Mardi 21 Juillet 2015 à 22h18)
avoir une première ligne 35/45/20 puis une deuxième 20/20/20/20/20 est un peu bizarre.. quel genre d'info tu veux mettre là dedans biggrin.gif

Rien de spécifique. C'est juste mon côté développeur qui prend le dessus, à chercher les cas aux limites biggrin.gif



« My destiny was stolen from me, why should I let you yours ? »

PJ : Faryl de Mirabar
 
 
   Top
PMEmail Poster

Topic Options Pages : (2) [1] 2  Reply to this topicStart new topicStart Poll