Insérer/créer un tableau

2 participants

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

Résolu Insérer/créer un tableau

Message par Clair Obscure Lun 30 Nov 2015 - 11:10

Détails techniques


Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://romantic-universes.forumactif.org/

Description du problème

Bonjour,
Je vais devenir une habituée mais j'ai encore un petit soucis:
Je souhaiterais insérer un tableau pour la création des fiches côté RP de mon forum.
Hors je ne comprends pas grand chose à tout ça.

Pourriez-vous me décrire chaque étape pour obtenir ce qui suis:
-Des bordures (avec possibilité de choisir une couleur)
-un fond dans le tableau (genre tableau avec fond bleu par exemple)
-changer la couleur de l'écriture
-un tableau d'au moins 2 colonnes
-une possibilité de scroller le texte si celui-ci est trop important

Je ne pense qu'à ça pour le moment je vous remercie par avance Smile


Dernière édition par Clair Obscure le Jeu 3 Déc 2015 - 10:54, édité 1 fois
Clair Obscure

Clair Obscure
**

Messages : 52
Inscrit(e) le : 02/11/2015

http://romantic-universes.forumactif.org/
Clair Obscure a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Insérer/Créer un tableau

Message par Feuilla' Lun 30 Nov 2015 - 19:44

Bonsoir,
- Si le forum accepte le HTML, ceci :
Code:
<table><tr><td>Mon message</td><td>Mon message</td></tr></table>
- S'il n'accepte pas le HTML, on peut faire le tableau avec du BBCode comme ceci :
Code:
[table border="10"][tr][td]Contenu A[/td]
[td]Contenu B[/td]
[/tr]
[tr][td]Contenu C[/td]
[td]Contenu D[/td]
[/tr]
[/table]
Bien sûr il faut changer le "10" par un chiffre (sauf si vous voulez garder un tableau assez épais).
- Il y a aussi des tableaux plus sophistiqués, mettez ceci dans la Feuille de style :
Code:
                .membre {
                background:nom d'une couleur en anglais ou code couleur;
                border: 3px double couleur;
                  color: #couleur d'écriture;
                  font-weight: bold; (ligne à supprimer si vous ne voulez pas d'écriture en gras)
                width: 80%;
                margin: auto;
                }
Il faut bien sûr changer tous les commentaires par le nécessaire. Wink
Le "membre" peut être changé par autre chose. Puis dans un message, postez :
Code:
[table class="membre"][tr][td]Mon message[/font][/td][/tr][/table]
Le tableau prendra la forme donnée dans le CSS. Smile
Bonne soirée !
avatar

Feuilla'
Membre habitué

Messages : 1389
Inscrit(e) le : 26/07/2015

Feuilla' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Insérer/créer un tableau

Message par Clair Obscure Lun 30 Nov 2015 - 21:06

D'accord, merci beaucoup surtout pour le code CSS qui est vraiment intéressant et qui cible particulièrement ce que je désirais.
Par contre je souhaitais savoir si je pouvais insérer un tableau dans un tableau ? (j'ai tenté mais je dois me tromper quelque part:

Code:
[table class="membre"][tr][td]Message A[/td]
[table class="membre"][td]Message B[/td]
[/tr]
[/table][/table]

Le code ignore ce que je lui demande et se reconstitue pour former deux tableau distincts.

Aussi avez-vous les codes (CSS, HTML ou BBCode) pour faire croller les textes ?

EDIT:
PS: et puis-je ajouter une police spécifique dans le code CSS ? j'ai réussi à changer la taille mais pas la police ou a centrer mon texte. Voila le code utilisé mais je dois me louper quelque part aussi:
Code:
.Titre {
                background:#8B4AA1;
                  color: #white;
                  font-weight: bold;
  font-size: 35px;
 font-family: 'Pacifico',cursive;
                width: 80%;
                margin: auto;
                }
Clair Obscure

Clair Obscure
**

Messages : 52
Inscrit(e) le : 02/11/2015

http://romantic-universes.forumactif.org/
Clair Obscure a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Insérer/Créer un tableau

Message par Feuilla' Mer 2 Déc 2015 - 15:59

Re-Bonjour,
pour la police et le texte centré, on va rajouter ces deux lignes à l'intérieur du code (par exemple avant le "}" :
Code:
font-family:Nomdelapolice;
text-align:center;
Wink
Bonne journée !
avatar

Feuilla'
Membre habitué

Messages : 1389
Inscrit(e) le : 26/07/2015

Feuilla' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Insérer/créer un tableau

Message par Clair Obscure Mer 2 Déc 2015 - 16:41

Re-bonjour,

Merci pour le centrage du texte c'est parfait,
Par contre pour la police il ignore totalement la ligne que je lui donne. N'y a t-il pas un autre moyen que de passer par la feuille CSS pour cela ?

Et avez-vous la solution pour mettre un tableau dans un tableau ?

Merci par avance Smile
Clair Obscure

Clair Obscure
**

Messages : 52
Inscrit(e) le : 02/11/2015

http://romantic-universes.forumactif.org/
Clair Obscure a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Insérer/créer un tableau

Message par Invité Mer 2 Déc 2015 - 17:03

bonjour ^^

Clair Obscure a écrit:Par contre pour la police il ignore totalement la ligne que je lui donne. N'y a t-il pas un autre moyen

dans votre template overall_header

mettre ceci juste aprés la balise <head>

Code:
<link href='https://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>

et dans le css donc ceci
Code:
.titre{font-family: 'Pacifico', cursive;}
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Insérer/Créer un tableau

Message par Feuilla' Mer 2 Déc 2015 - 17:04

Re,
- pour la ligne de police, on peut essayer un "!important" avant le point virgule pour forcer, si rien ne se passe, on peut changer la police "en direct" dans le message : cliquer sur l'icône du "A" bleu en italique (pas loin de la palette de couleurs).
- Pour la tableau dans un tableau, je ne crois pas (sans certitude), par contre on peut faire plusieurs colones et plusieurs rangées, exemples :
IciIciIciIciIci
IciIciIciIciIci
avatar

Feuilla'
Membre habitué

Messages : 1389
Inscrit(e) le : 26/07/2015

Feuilla' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Insérer/créer un tableau

Message par Clair Obscure Mer 2 Déc 2015 - 17:53

@R-max: j'ai suivi vos conseil mais je crois que mon code aime me troller et il refuse tout, ce n'est pas grave je changerais la police à la main dans les tableaux
Merci Smile

@Feuilla: même la commande !important est ignorée alors je vais suivre vos conseils et le faire à la main merci beaucoup.
Je vais attendre un peu pour avoir l'avis d'autres personnes pour le tableau dans un tableau car je pense en avoir déjà vu sur certains forum.
Merci pour votre aide Smile
Clair Obscure

Clair Obscure
**

Messages : 52
Inscrit(e) le : 02/11/2015

http://romantic-universes.forumactif.org/
Clair Obscure a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Insérer/créer un tableau

Message par Invité Mer 2 Déc 2015 - 18:15

Clair Obscure a écrit:@R-max: j'ai suivi vos conseil mais je crois que mon code aime me troller et il refuse tout, ce n'est pas grave je changerais la police à la main dans les tableaux
Merci Smile

hummm ,, vous pouvez donné le codage de votre tableau et votre css actuel , je vérifie tous ça
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Insérer/créer un tableau

Message par Clair Obscure Mer 2 Déc 2015 - 18:19

R-max a écrit:
hummm ,, vous pouvez donné le codage de votre tableau et votre css actuel , je vérifie tous ça

Bien sûr le voici:

Code:
.Titre {
                background:#8B4AA1;
        border: 3px double white;             
        color: #white;
      font-weight: bold;             
        font-size: 35px;
      font-family: 'Pacifico', cursive;
           text-align:center;
                width: 80%;
                margin: auto;
                }

J'ai également tenté plus simple:

Code:
        .Titre{font-family: 'Pacifico', cursive;}

Mais le tableau ne tilte pas
Clair Obscure

Clair Obscure
**

Messages : 52
Inscrit(e) le : 02/11/2015

http://romantic-universes.forumactif.org/
Clair Obscure a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Insérer/créer un tableau

Message par Invité Mer 2 Déc 2015 - 18:21

merci mais vous n'avez pas donné le codage du tableau ??
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Insérer/créer un tableau

Message par Clair Obscure Mer 2 Déc 2015 - 18:29

R-max a écrit:merci mais vous n'avez pas donné le codage du tableau ??

Le codage du tableau sur CSS est celui dans ma réponse précédente:
Code:
        .Titre {
                        background:#8B4AA1;
                border: 3px double white;           
                color: #white;
              font-weight: bold;           
                font-size: 35px;
              font-family: 'Pacifico', cursive;
                  text-align:center;
                        width: 80%;
                        margin: auto;
                        }
Pour faire le lien je met le code suivant dans mes réponses sur le forum:
Code:
[table class="Titre"][tr][td]Mon message[/td][/tr][/table]
Et j'obtiens ce qui suis mais la police n'est pas respectée
[img]Insérer/créer un tableau 674659problmetableau2[/img]
Clair Obscure

Clair Obscure
**

Messages : 52
Inscrit(e) le : 02/11/2015

http://romantic-universes.forumactif.org/
Clair Obscure a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Insérer/créer un tableau

Message par Invité Mer 2 Déc 2015 - 18:33

a oui , c'est plutôt comme ceci

Code:
[table][tr][td class="titre"]Mon message[/td][/tr][/table]
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Insérer/créer un tableau

Message par Clair Obscure Mer 2 Déc 2015 - 18:47

Ah oui effectivement il reprend parfaitement ma police !
Merci beaucoup R-Max !

Il ne reste que la possibilité de croller ainsi que voir si on peut mettre un tableau dans un tableau =)

EDIT: oh et savez-vous comment on fusionne des cellules ?
Clair Obscure

Clair Obscure
**

Messages : 52
Inscrit(e) le : 02/11/2015

http://romantic-universes.forumactif.org/
Clair Obscure a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Insérer/créer un tableau

Message par Invité Mer 2 Déc 2015 - 19:26

re,

ceci va vers le haut
Code:
[updown]ceci va vers le haut[/updown]

ceci vient de la gauche
Code:
[scroll]ceci va vers  la gauche[/scroll]

ps; fusionné des cellules ?
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Insérer/créer un tableau

Message par Clair Obscure Mer 2 Déc 2015 - 21:12

Merci pour les scrollers !

Oui, genre avoir un tableau de trois colonnes mais la première ligne n'a qu'une colonne avec le titre par exemple (un peux comme sur excel il y a cette possibilité et je pense que ça existe aussi sur les forums)
Clair Obscure

Clair Obscure
**

Messages : 52
Inscrit(e) le : 02/11/2015

http://romantic-universes.forumactif.org/
Clair Obscure a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Insérer/créer un tableau

Message par Invité Mer 2 Déc 2015 - 21:22

un truck comme ça ?

Insérer/créer un tableau 2015-133

Code:
[table border="1" width="90%"][tr][td]titre[/td]
[/tr]
[/table]
[table border="1" width="90%"][tr][td]colonne1[/td]
[td]colone2[/td]
[td]colonne3[/td]
[/tr]
[/table]
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Insérer/créer un tableau

Message par Clair Obscure Mer 2 Déc 2015 - 21:28

Oh oui !
Comme ça !
Cela fonctionne avec les précédents codes ou il faut modifier un truc ? Car je remarque que le code est bien différent du précédent
Clair Obscure

Clair Obscure
**

Messages : 52
Inscrit(e) le : 02/11/2015

http://romantic-universes.forumactif.org/
Clair Obscure a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Insérer/créer un tableau

Message par Invité Mer 2 Déc 2015 - 21:32

la c'est un code standard , il faut soit rajouter les class soit les intégré dedans

je le retravaille avec votre css ?
vous pouvez faire de même (ça permet d'apprendre)

Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Insérer/créer un tableau

Message par Clair Obscure Mer 2 Déc 2015 - 21:41

Je veux bien que vous les retravaillez avec mon CSS

Par contre si vous pouviez me les donner en expliquant pas à pas à quoi ça sert et l'ordre si jamais il y en a un ect... alors je pourrais refaire la même chose par la suite en y ajoutant des petits détails Smile
Clair Obscure

Clair Obscure
**

Messages : 52
Inscrit(e) le : 02/11/2015

http://romantic-universes.forumactif.org/
Clair Obscure a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Insérer/créer un tableau

Message par Invité Mer 2 Déc 2015 - 22:31

supprimer le css déjà donner auparavant

Insérer/créer un tableau 2015-134


voiçi
le code tableau>>
Code:
[table class="fond"][tr][td class="titre" colspan="3"]le titre du tableau[/td]
[/tr]
[tr][td class="contenu"]
Ah oui effectivement il reprend parfaitement ma police !
Merci beaucoup R-Max !

Il ne reste que la possibilité de croller ainsi que voir si on peut mettre un tableau dans un tableau =)

EDIT: oh et savez-vous comment on fusionne des cellules ?[/td]
[td class="contenu"]
@Feuilla: même la commande !important est ignorée alors je vais suivre vos conseils et le faire à la main merci beaucoup.
Je vais attendre un peu pour avoir l'avis d'autres personnes pour le tableau dans un tableau car je pense en avoir déjà vu sur certains forum.
Merci pour votre aide [/td]
[td class="contenu"]
@R-max: j'ai suivi vos conseil mais je crois que mon code aime me troller et il refuse tout, ce n'est pas grave je changerais la police à la main dans les tableaux
Merci[/td]
[/tr]
[/table]

voiçi
les codes css>>
Code:
.fond{
  width:80%;
    background:#8B4AA1;
    border: 3px solid white;   
}
.titre{
  background:#8B4AA1;
  border: 3px double white;         
  color: white;
  font-weight: bold;         
  font-size: 35px;
  font-family: 'Pacifico', cursive;
  text-align:center;
  padding:15px;
}
.contenu{
  border-left:1px solid #fff;
  border-right:1px solid #fff;
  padding:15px;
  width:30%;
  text-align:left;
}

instaler et ensuite demander si vous avez besoin d'éclairage .

Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Insérer/créer un tableau

Message par Clair Obscure Jeu 3 Déc 2015 - 0:00

Oh absolument génial !
Merci

Je vous ennuies juste encore un peu avec quelques renseignements supplémentaires:
Pouvez-vous me dire à quoi servent les lignes du code CSS : Padding: 15px et width:30% ?

Code:
.contenu{  (le titre)
  border-left:1px solid #fff; (bordure gauche+couleur)
  border-right:1px solid #fff; (bordure droite+couleur)
  padding:15px;
  width:30%;
  text-align:left; (alignement du texte)
}
Clair Obscure

Clair Obscure
**

Messages : 52
Inscrit(e) le : 02/11/2015

http://romantic-universes.forumactif.org/
Clair Obscure a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Insérer/créer un tableau

Message par Invité Jeu 3 Déc 2015 - 6:44

Bonjour
Padding .contenu (marge autour du texte)
Width.contenu (taille en largeur du contenu)
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Insérer/créer un tableau

Message par Clair Obscure Jeu 3 Déc 2015 - 10:54

Hé bien c'est parfait vous avez répondu à toutes mes questions !

Merci beaucoup pour votre aide Smile
Clair Obscure

Clair Obscure
**

Messages : 52
Inscrit(e) le : 02/11/2015

http://romantic-universes.forumactif.org/
Clair Obscure a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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