Modification apparence du sujet avec codes et box JavaScript

Page 1 sur 2 1, 2  Suivant

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

Résolu Modification apparence du sujet avec codes et box JavaScript

Message par julie10902 le Sam 7 Jan - 12:44

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari, Autre
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://thegameforum.forumactif.com

Description du problème

Bonjour,

Je ne sais pas où mettre ce sujet (dans Apparence, Code ?).

Alors, mon problème, c'est que lorsque l'on poste un code
Code:
Comme ça par exemple
ou un avertissement grâce à du JavaScript (Tutoriel de FA), l'apparence commence a bugué et fait ça, http://thegameforum.forumactif.com/t67-essai-sujet.

Merci de m'expliquer à comment résoudre ce bug et m'aider.

Je suis également désolée de ne pas avoir mis ce sujet dans la bonne catégorie.

Très Cordialement,

julie10902


Dernière édition par julie10902 le Mar 10 Jan - 18:56, édité 1 fois
avatar

julie10902
****

Féminin
Messages : 215
Inscrit(e) le : 18/11/2016

http://thegameforum.forumactif.com
julie10902 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Modification apparence du sujet avec codes et box JavaScript

Message par MlleAlys le Sam 7 Jan - 13:37

Bonjour,
Si vous parlez de l'élargissement du forum, c'est dû au contenu de ce message-ci :
http://thegameforum.forumactif.com/t67-essai-sujet#489
Le mot "YOLOOOOOO..." est beaucoup trop long...
avatar

MlleAlys
Membre actif

Messages : 4626
Inscrit(e) le : 12/09/2012

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

Résolu Re: Modification apparence du sujet avec codes et box JavaScript

Message par julie10902 le Sam 7 Jan - 14:59

Oui effectivement mais même avec les codes d'une ligne.

Sur votre forum ça ajusté comme ça :

Code:
Essaiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii
avatar

julie10902
****

Féminin
Messages : 215
Inscrit(e) le : 18/11/2016

http://thegameforum.forumactif.com
julie10902 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modification apparence du sujet avec codes et box JavaScript

Message par julie10902 le Sam 7 Jan - 15:02

J'ai mis la même chose qu'ici sur le sujet et voyez par vous même Wink
avatar

julie10902
****

Féminin
Messages : 215
Inscrit(e) le : 18/11/2016

http://thegameforum.forumactif.com
julie10902 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Modification apparence du sujet avec codes et box JavaScript

Message par MlleAlys le Sam 7 Jan - 15:33

Ajoutez le code suivant à votre feuille de style css :
Code:
.postbody {
  white-space: pre-line;
  word-break: break-word;
}
ça fonctionne sur chrome, il faudrait vérifier sur firefox et les autres navigateurs.
avatar

MlleAlys
Membre actif

Messages : 4626
Inscrit(e) le : 12/09/2012

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

Résolu Re: Modification apparence du sujet avec codes et box JavaScript

Message par julie10902 le Sam 7 Jan - 17:19

Merci, ça marche sur Chrome, je vais faire l'essai sur Firefox et Edge Wink
avatar

julie10902
****

Féminin
Messages : 215
Inscrit(e) le : 18/11/2016

http://thegameforum.forumactif.com
julie10902 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modification apparence du sujet avec codes et box JavaScript

Message par julie10902 le Sam 7 Jan - 17:22

ça ne marche pas sur Firefox et Edge
avatar

julie10902
****

Féminin
Messages : 215
Inscrit(e) le : 18/11/2016

http://thegameforum.forumactif.com
julie10902 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modification apparence du sujet avec codes et box JavaScript

Message par julie10902 le Sam 7 Jan - 17:35

J'ai trouvé l'astuce pour Firefox

Suffit de mettre :

Code:
white-space: -moz-pre;
  word-break: break-all;
en plus dans celui pour Chrome et ça marche également pour Edge.

D'ailleurs j'ai fait un essai avec seulement celle là et sans celle que vous m'aviez donné et ça marche également sur Chrome. Wink

C'est résolu et je vous remercie Wink
avatar

julie10902
****

Féminin
Messages : 215
Inscrit(e) le : 18/11/2016

http://thegameforum.forumactif.com
julie10902 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Modification apparence du sujet avec codes et box JavaScript

Message par MlleAlys le Sam 7 Jan - 17:41

Avec break-all, vous risquez d'avoir des soucis de mots coupés au lieu de revenir à la ligne, sur chrome au moins :


(évitez les doubles posts, préférez éditer votre message précédent.)
avatar

MlleAlys
Membre actif

Messages : 4626
Inscrit(e) le : 12/09/2012

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

Résolu Re: Modification apparence du sujet avec codes et box JavaScript

Message par julie10902 le Sam 7 Jan - 17:53

Ok, je vais de ce pas vérifier avec break-word alors.

Oui désolé pour le double post, j'y penserai à l'avenir Wink

EDIT : ça ne marche effectivement plus avec les autres navigateurs, ça marche seulement sur Chrome
avatar

julie10902
****

Féminin
Messages : 215
Inscrit(e) le : 18/11/2016

http://thegameforum.forumactif.com
julie10902 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Modification apparence du sujet avec codes et box JavaScript

Message par MlleAlys le Sam 7 Jan - 18:04

oui, je cherche encore une alternative, trouver quelque chose qui ne coupe les mots QUE s'ils sont trop longs, et qui fonctionne sur tous les navigateurs... ><"
avatar

MlleAlys
Membre actif

Messages : 4626
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Modification apparence du sujet avec codes et box JavaScript

Message par MlleAlys le Sam 7 Jan - 18:16

Essayez de remplacer le code par ceci :
Code:
.postbody {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}
(la totale, un peu bourrin mais ça a l'air de fonctionner correctement au moins sur chrome ET firefox Wink )
avatar

MlleAlys
Membre actif

Messages : 4626
Inscrit(e) le : 12/09/2012

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

Résolu Re: Modification apparence du sujet avec codes et box JavaScript

Message par julie10902 le Sam 7 Jan - 18:21

Ah super ça fonctionne merci beaucoup Wink
avatar

julie10902
****

Féminin
Messages : 215
Inscrit(e) le : 18/11/2016

http://thegameforum.forumactif.com
julie10902 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Modification apparence du sujet avec codes et box JavaScript

Message par MlleAlys le Sam 7 Jan - 18:26

Hum j'ai l'impression que ça coupe les mots sur Firefox maintenant...
Assomé
avatar

MlleAlys
Membre actif

Messages : 4626
Inscrit(e) le : 12/09/2012

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

Résolu Re: Modification apparence du sujet avec codes et box JavaScript

Message par julie10902 le Sam 7 Jan - 18:28

Oui et aussi sur Edge mais j'ai fait des essais on peut pas faire mieux (enfin pas à ma connaissance)

Si vous trouvez un autre truc j'accepte mais si non vous me le dîtes et je passe en résolu.

Sinon c'est très sympa à vous et surtout très rapide.

Merci beaucoup.

Wink
avatar

julie10902
****

Féminin
Messages : 215
Inscrit(e) le : 18/11/2016

http://thegameforum.forumactif.com
julie10902 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modification apparence du sujet avec codes et box JavaScript

Message par julie10902 le Dim 8 Jan - 18:37

UP
avatar

julie10902
****

Féminin
Messages : 215
Inscrit(e) le : 18/11/2016

http://thegameforum.forumactif.com
julie10902 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modification apparence du sujet avec codes et box JavaScript

Message par Garionix le Dim 8 Jan - 22:20

Bonsoir,
Si j'ai compris, vous voulez avoir un retour à la ligne propre dès que le texte touche le cadre du corps de messages ?
avatar

Garionix
**

Messages : 98
Inscrit(e) le : 06/06/2016

http://excidius-rpg.forumactif.com/
Garionix a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modification apparence du sujet avec codes et box JavaScript

Message par julie10902 le Mar 10 Jan - 14:31

Oui et en plus que le mot ne soit coupé en deux vous voyez ?

Wink
avatar

julie10902
****

Féminin
Messages : 215
Inscrit(e) le : 18/11/2016

http://thegameforum.forumactif.com
julie10902 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Modification apparence du sujet avec codes et box JavaScript

Message par MlleAlys le Mar 10 Jan - 14:42

Un des soucis est à mon avis le fait que le tableau contenant .postbody n'a en fait pas de largeur absolue, mais juste 100%. Passer par le template pour fixer le layout fonctionnerait.

Ou remplacer le code précédent par :
Code:
.post table[width="100%"] {
  table-layout: fixed;
}

A vérifier si ça fonctionne sur les versions de IE, et si ça n'a pas d'effet secondaire indésirable autre part.
avatar

MlleAlys
Membre actif

Messages : 4626
Inscrit(e) le : 12/09/2012

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

Résolu Re: Modification apparence du sujet avec codes et box JavaScript

Message par julie10902 le Mar 10 Jan - 18:11

Merci MlleAlys Wink

Il faudrait tout remplacer le code de la dernière fois ?
avatar

julie10902
****

Féminin
Messages : 215
Inscrit(e) le : 18/11/2016

http://thegameforum.forumactif.com
julie10902 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Modification apparence du sujet avec codes et box JavaScript

Message par MlleAlys le Mar 10 Jan - 18:15

oui je pense que ça devrait suffire, sinon, juste ajouter :
Code:
.postbody {
  word-wrap: break-word;
}
avatar

MlleAlys
Membre actif

Messages : 4626
Inscrit(e) le : 12/09/2012

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

Résolu Re: Modification apparence du sujet avec codes et box JavaScript

Message par julie10902 le Mar 10 Jan - 18:18

J'essaye de ce pas dans ce cas Wink

Le word-wrap est déjà installé ^^
avatar

julie10902
****

Féminin
Messages : 215
Inscrit(e) le : 18/11/2016

http://thegameforum.forumactif.com
julie10902 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modification apparence du sujet avec codes et box JavaScript

Message par julie10902 le Mar 10 Jan - 18:21

Voici ce que sa fait : http://thegameforum.forumactif.com/t104-fddfdsf#532

Edit : avec le table et non avec le postbody (il est supprimé, je l'ai toujours dans mon logiciel de code ^^)

Edit 2 : ça décale tous les boutons éditer et tous en dehors du cadre et le code ne se mets bien que sur une ligne mais elle est longue, sinon je suis très satisfaite car c'est un résultat auquel je m'attendais ^^
avatar

julie10902
****

Féminin
Messages : 215
Inscrit(e) le : 18/11/2016

http://thegameforum.forumactif.com
julie10902 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Modification apparence du sujet avec codes et box JavaScript

Message par MlleAlys le Mar 10 Jan - 18:27

il faut effectivement ajouter le code sur .postbody pour avoir le bon comportement dans le message et dans le code.
avatar

MlleAlys
Membre actif

Messages : 4626
Inscrit(e) le : 12/09/2012

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

Résolu Re: Modification apparence du sujet avec codes et box JavaScript

Message par julie10902 le Mar 10 Jan - 18:29

Je teste tout ça mais là c'est avec le code table à 100%, il faut que j'insère le postbody en plus de ce code donc ?

Edit : Effectivement, ça marche bien en le mettant sur plusieurs lignes mais maintenant ce sont les icônes d'édition, d'IP, de suppression et tout qui se sont décalées
avatar

julie10902
****

Féminin
Messages : 215
Inscrit(e) le : 18/11/2016

http://thegameforum.forumactif.com
julie10902 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modification apparence du sujet avec codes et box JavaScript

Message par julie10902 le Mar 10 Jan - 18:32

Voici l'image :
avatar

julie10902
****

Féminin
Messages : 215
Inscrit(e) le : 18/11/2016

http://thegameforum.forumactif.com
julie10902 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Modification apparence du sujet avec codes et box JavaScript

Message par MlleAlys le Mar 10 Jan - 18:46

Alors le table-layout n'est pas non plus la solution qui vous faut, puisqu'elle empêche toute déformation du tableau : ce qui est trop large dépasse, et c'est le cas pour vos images... A moins que vous ne souhaitiez qu'elles passent sur deux lignes, auquel cas le code à ajouter à votre feuille de style est :
Code:
td.post-options {
  white-space: normal;
}
avatar

MlleAlys
Membre actif

Messages : 4626
Inscrit(e) le : 12/09/2012

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

Résolu Re: Modification apparence du sujet avec codes et box JavaScript

Message par julie10902 le Mar 10 Jan - 18:47

Je vais essayer pour voir le résultat Wink

Edit : Mouais, ça fait un peu bizarre ^^ mais après on peut s'habituer je pense Wink

Edit 2 : J'ai trouvé, il suffisait de mettre à 150% le code de la table Wink ou 50 ^^


Dernière édition par julie10902 le Mar 10 Jan - 18:51, édité 1 fois
avatar

julie10902
****

Féminin
Messages : 215
Inscrit(e) le : 18/11/2016

http://thegameforum.forumactif.com
julie10902 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Modification apparence du sujet avec codes et box JavaScript

Message par MlleAlys le Mar 10 Jan - 18:49

Je ne peux pas vraiment aider, je ne vois pas les fameuses images en tant qu'invitée... Après, reste la modification des templates pour modifier la structure du tableau lui même pour un affichage qui vous conviendrait mieux.
avatar

MlleAlys
Membre actif

Messages : 4626
Inscrit(e) le : 12/09/2012

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

Résolu Re: Modification apparence du sujet avec codes et box JavaScript

Message par julie10902 le Mar 10 Jan - 18:53

Oui c'est sûr, mais là grâce à vos codes, ça a l'air de bien marcher, les images d'édition et tout sont bien restructurées et le texte des codes également.

Tout m'a l"air parfait.

Merci beaucoup Wink

Je passe donc en résolu.

Très Cordialement et Amicalement,

julie10902

PS : je ferai sûrement un message dans le topic des remerciements sur vous car vous êtes une des personnes les plus impliquées dans l'aide et êtes vraiment sympa Wink
avatar

julie10902
****

Féminin
Messages : 215
Inscrit(e) le : 18/11/2016

http://thegameforum.forumactif.com
julie10902 a été remercié(e) par l'auteur de ce sujet.

Page 1 sur 2 1, 2  Suivant

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