Insérer/créer un tableau

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 le 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:
[img][/img]

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
**

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' le 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 !

Feuilla'
# Tropactif #

Messages : 1388
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 le 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
**

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' le 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 !

Feuilla'
# Tropactif #

Messages : 1388
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 le 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
**

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 R-max le 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;}

R-max
# Tropactif #

Masculin
Messages : 1450
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

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

Message par Feuilla' le 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

Feuilla'
# Tropactif #

Messages : 1388
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 le 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
**

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 R-max le 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

R-max
# Tropactif #

Masculin
Messages : 1450
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

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

Message par Clair Obscure le 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
**

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 R-max le Mer 2 Déc 2015 - 18:21

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

R-max
# Tropactif #

Masculin
Messages : 1450
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

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

Message par Clair Obscure le 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][/img]

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 R-max le 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]

R-max
# Tropactif #

Masculin
Messages : 1450
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

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

Message par Clair Obscure le 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
**

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 R-max le 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 ?

R-max
# Tropactif #

Masculin
Messages : 1450
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

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

Message par Clair Obscure le 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
**

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 R-max le Mer 2 Déc 2015 - 21:22

un truck comme ça ?



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]

R-max
# Tropactif #

Masculin
Messages : 1450
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

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

Message par Clair Obscure le 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
**

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 R-max le 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)


R-max
# Tropactif #

Masculin
Messages : 1450
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

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

Message par Clair Obscure le 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
**

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 R-max le Mer 2 Déc 2015 - 22:31

supprimer le css déjà donner auparavant




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 .


R-max
# Tropactif #

Masculin
Messages : 1450
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

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

Message par Clair Obscure le 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
**

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 R-max le Jeu 3 Déc 2015 - 6:44

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

R-max
# Tropactif #

Masculin
Messages : 1450
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

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

Message par Clair Obscure le 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
**

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


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