Centrage de tableau

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Centrage de tableau

Message par cflonflon le Dim 14 Oct 2012 - 18:11

Bonjour à tous,

J'ai créé un tableau dans un post classique=> http://lestoupoutous.forumpro.fr/t10-vaillances-et-justices-pandarens
Pour le centrer j'ai essayé avec les balises
Code:
[center] .... [/center]
, comme pour tout texte ou image que je mets dans les messages habituellement. Sauf que pour le tableau, ça ne fonctionne pas.
Y'a t'il un autre code simple, sans rentrer des les styles CSS, ou est-ce un bug ?

Par avance, merci pour vos réponses.


Dernière édition par cflonflon le Jeu 18 Oct 2012 - 11:14, édité 3 fois (Raison : Edité pour mettre les balises en code)

cflonflon
*

Féminin
Messages : 44
Inscrit(e) le : 21/10/2008

http://lestoupoutous.forumpro.fr/forum
cflonflon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrage de tableau

Message par Kinotto le Dim 14 Oct 2012 - 18:37

    Bonsoir,

    L'accès au lieu m'est interdit. Aussi, avez-vous essayé des balises simples ?
    ► Exemple ;
    Code:
    <center>text text</center>


    Cordialement,

Kinotto
+ Hyperactif +

Masculin
Messages : 2177
Inscrit(e) le : 12/09/2012

http://test-nightmare.superforum.fr/
Kinotto a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrage de tableau

Message par cflonflon le Dim 14 Oct 2012 - 20:51

Bonsoir,

je l'ai fait avec les balises [ ] car toutes les autres balises sont ainsi (le souligné, le gras et le centrer pour les textes).
Je viens de tester avec les balises < > mais ça reste bloqué à gauche.


Dernière édition par cflonflon le Dim 14 Oct 2012 - 20:57, édité 1 fois (Raison : Edité après essai des balises <>)

cflonflon
*

Féminin
Messages : 44
Inscrit(e) le : 21/10/2008

http://lestoupoutous.forumpro.fr/forum
cflonflon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrage de tableau

Message par Scoubifitz le Lun 15 Oct 2012 - 6:56

bonjour,

exemple
3 4
Code:
[table border="1" style="margin:auto;"]
[tr]
[td colspan="2"]exemple[/td]
[/tr][tr]
[td] 3[/td][td] 4[/td]
[/tr]
[/table]


Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrage de tableau

Message par cflonflon le Lun 15 Oct 2012 - 8:22

Bonjour,

Super, merci pour votre réponse, ça fonctionne Very Happy
J'ai deux autres questions, s'il vous plait :
1°) A quoi sert le code
Code:
[td colspan="2"]
, je ne l'ai pas dans mon tableau ?
2°) Lorsque que je veux éditer mon tableau pour y ajouter une ligne par exemple, tout le texte se met à la suite. Je n'ai plus la structure de code comme à la création. Du coup, il est plus compliqué de retrouver ses lignes, et je reprend tout le tableau pour remettre les codes sur une ligne. Peut-on mettre un code pour nous permettre de garder "la mise en page" de chaque ligne de code ?
Pour finir, est-ce qu'il existe une table de code où seraient regroupés tous les codes principaux que l'on puisse appliquer à un tableau ou à un texte s'il vous plait ? (en dehors des classiques textes gras, souligné, italique ...)

Merci pour votre première réponse, et par avance merci pour vos suivantes Very Happy
Bonne journée.

cflonflon
*

Féminin
Messages : 44
Inscrit(e) le : 21/10/2008

http://lestoupoutous.forumpro.fr/forum
cflonflon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrage de tableau

Message par Scoubifitz le Lun 15 Oct 2012 - 17:51

comme nous n’avons pas accès à votre page de forum en tant qu'invité , je ne peux que deviner ce que vous décrivez ...

1- le colspan sert à fusionner deux cellules ...
exemple
3 4
Code:
[table border="1" style="margin:auto;"]
[tr]
[td colspan="2"]exemple[/td]
[/tr][tr]
[td] 3[/td][td] 4[/td]
[/tr]
[/table]
exemple
3 4
Code:
[table border="1" style="margin:auto;"]
[tr]
[td]exe[/td][td]mple[/td]
[/tr][tr]
[td] 3[/td][td] 4[/td]
[/tr]
[/table]

2- peut-on voir le code que vous essayez ?

qu'entendez vous par "tout le texte se met à la suite." ?

"tous les codes principaux que l'on puisse appliquer à un tableau ou à un texte" : la liste est trèèèès longue ... tous les styles sont permis ...

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrage de tableau

Message par cflonflon le Mar 16 Oct 2012 - 8:23

Bonjour,

Merci pour votre réponse. Bien pratique de pouvoir fusionner plusieurs cellules pour les titres Smile

Voici comment se présente la structure de mon tableau quand je veux l'éditer:
Code:
[table border="1" style="margin:auto;"][tr][td]Justices[/td][td]Donjon normal[/td][td]60 PJ[/td][/tr][tr][td]Vaillances[/td][td]Donjon héro (lvl90+ilvl mini 435)[/td][td]60 PV[/td][/tr][tr][td] [/td][td]Quête journalière[/td][td]20 PV[/td][/tr][tr][td] [/td][td]Scénario (lvl90)[/td][td]30 PV au 1er puis 15 PV[/td][/tr][/table]
Comme vous pouvez le voir, c'est un peu fouilli placé de la sorte, à la suite, et je dois mettre tous les premiers [tr] à la ligne pour voir ma ligne complète et mieux m'y retrouver dans la suite de la structure.

Pour les codes des styles, ne sachant pas ce que l'on peut faire avec un tableau, j'aurai aimé en avoir quelques un, et peut être ainsi pouvoir améliorer l'esthétique de mon tableau: peut être mettre de la couleur dans le fond, ou des images .... Enfin, si cela est possible avec ce genre de code.

En tout cas merci pour votre réponse. Mon tableau est déjà bien mieux Smile

cflonflon
*

Féminin
Messages : 44
Inscrit(e) le : 21/10/2008

http://lestoupoutous.forumpro.fr/forum
cflonflon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrage de tableau

Message par Scoubifitz le Mer 17 Oct 2012 - 4:08

si vous modifiez souvent le contenu du tableau , le mieux est de sauvegarder le code dans un fichier du bloc-notes ...

ensuite , deux exemples simples pour montrer ce qu'on peut faire ... à vous de dire ce que vous aimeriez mettre ...
1 2
3 4

AAAAAA BBBBBB
CCCCCC
DDDDDD
Code:
[table style="width:200px;height:200px;-webkit-border-radius: 20px;-moz-border-radius: 20px;-ms-border-radius: 20px;border-radius: 20px;border:1px solid blue;"][tr][td style="-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;border:1px solid blue;"]1 [/td][td]2 [/td][/tr][tr][td]3 [/td][td style="-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;border:1px solid blue;"]4 [/td][/tr][/table]

[table style="width:600px;height:300px;" cellspacing="10"][tr][td rowspan="3" style="background:red;-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;text-align:center;"]AAAAAA [/td][td style="background:skyblue;padding-left:20px;" valign=bottom]BBBBBB [/td][/tr][tr][td style="background:yellow;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;"]CCCCCC [/td][/tr][tr][td style="background:yellowgreen;text-align:right;-webkit-border-radius: 40px;-moz-border-radius: 40px;border-radius: 40px;padding-right:35px;" valign=top]DDDDDD [/td][/tr][/table]

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrage de tableau

Message par cflonflon le Mer 17 Oct 2012 - 9:55

Bonjour,

ha oui, pas mal l'astuce de mettre les codes du tableau dans un bloc notes. En effet, c'est un tableau que je devrais compléter au fur et à mesure de notre avancée en jeu. Merci pour l'astuce thumright

Ensuite, pour les styles, les bords arrondis me plaisent bien. Je n'ai pas encore d'idée très précise sur l'esthétique finale que je donnerai à mon tableau, mais dans vos exemples de code, pourriez-vous me dire:
- quel code correspond à l'arrondi
- quel code correspond au couleur en fond
- quel code correspond à la couleur des tours
ect ....
Comme ça, je tente un mixte de tout ça, et je viens consulter vos codes complets pour voir où vous les avez placer dans votre structure de code.
Un peu comme un tuto quoi Smile

C'est très gentil à vous de répondre à mes questions.
Bonne journée.

cflonflon
*

Féminin
Messages : 44
Inscrit(e) le : 21/10/2008

http://lestoupoutous.forumpro.fr/forum
cflonflon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrage de tableau

Message par Scoubifitz le Mer 17 Oct 2012 - 19:57

@cflonflon a écrit:Ensuite, pour les styles, les bords arrondis me plaisent bien. Je n'ai pas encore d'idée très précise sur l'esthétique finale que je donnerai à mon tableau, mais dans vos exemples de code, pourriez-vous me dire:
- quel code correspond à l'arrondi
- quel code correspond au couleur en fond
- quel code correspond à la couleur des tours
ect ....
Comme ça, je tente un mixte de tout ça, et je viens consulter vos codes complets pour voir où vous les avez placer dans votre structure de code.
Un peu comme un tuto quoi Smile

C'est très gentil à vous de répondre à mes questions.
Bonne journée.

le site du zéro traite du CSS .... sinon ,il y a aussi un générateur de CSS (eng.) http://css3generator.com/

pour l'arrondi de bordure :
Code:
-webkit-border-radius: 20px;-moz-border-radius: 20px;-ms-border-radius: 20px;border-radius: 20px;
pour la couleur de fond :
Code:
background-color:#dd2299;
couleur et épaisseur de bordure :
Code:
border:1px solid #ff00ff;

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrage de tableau

Message par cflonflon le Jeu 18 Oct 2012 - 11:11

Bonjour,

c'est très gentil à vous. Avec ces quelques codes, je devrais déjà faire un tableau amélioré Smile
Encore merci pour toutes vos réponses.

cflonflon
*

Féminin
Messages : 44
Inscrit(e) le : 21/10/2008

http://lestoupoutous.forumpro.fr/forum
cflonflon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrage de tableau

Message par cflonflon le Jeu 18 Oct 2012 - 11:13

@cflonflon a écrit:Bonjour à tous,

J'ai créé un tableau dans un post classique=> http://lestoupoutous.forumpro.fr/t10-vaillances-et-justices-pandarens
Pour le centrer j'ai essayé avec les balises
Code:
[center] .... [/center]
, comme pour tout texte ou image que je mets dans les messages habituellement. Sauf que pour le tableau, ça ne fonctionne pas.
Y'a t'il un autre code simple, sans rentrer des les styles CSS, ou est-ce un bug ?

Par avance, merci pour vos réponses.

cflonflon
*

Féminin
Messages : 44
Inscrit(e) le : 21/10/2008

http://lestoupoutous.forumpro.fr/forum
cflonflon a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


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