Problème de dimensions des images et des cadres

[Kumquat]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Quelques jours
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonsoir / Bonjour !

Je rencontre un étrange souci au niveau de l'apparence de mon forum depuis quelques jours. J'arrive à la fin de mon codage et je me rends compte qu'il y a un gros problème de dimension au niveau des images (sur l'ensemble du forum : champs du profil (par exemple, les images relatives au sexe de l'utilisateur, et même en les enlevant, cela met un immense trou transparent qui déforme toute la page...), l'avatar du membre depuis le profil (qui apparaît énorme), les smileys / icons / etc lors de la prévisualisation d'un post, etc...)

Je vous montre avec des images et c'est vraiment troublant... Toutes les images apparaissent complètement déformées et déforment du coup la structure des pages du forum, des cadres et bordures.

Spoiler:

Puis, il y a aussi toutes ces icons qui apparaissent à la chaîne au moment de la prévisualisation d'un post que je ne comprends pas non plus...

Spoiler:

J'ai également un souci du même style mais par rapport aux bordures des pages et des boîtes d'édition de message. Ce n'est cette fois pas lié aux images. J'aimerais pouvoir les redimensionner parce que la taille déforme la structure du design du forum sur les côtés.

Quelques exemples :

Spoiler:

Donc là, sur ces images, la boîte d'édition + la zone des smileys en tableau déforme complètement la page lorsqu'on veut éditer la signature du profil de l'utilisateur, mais ça me le fait aussi à d'autres endroits (comme l'édition d'un message / la prévisualisation). Dans l'idéal, j'aimerais pouvoir déplacer la zone des smileys pour la mettre au-dessus afin de corriger ce problème de dimension, ou bien redimensionner la boîte d'édition de message directement dans la structure en "tableau/colonne"...

Par exemple, lorsqu'on veut écrire un nouveau message, voilà ce que cela rend (tout est un peu déformé aussi et c'est cette fois la zone de prévisualisation du message qui provoque cette déformation) :

Spoiler:

Au niveau de l'édition du profil du membre, les champs sont également mal dimensionnées et ne vont pas jusqu'au bout de la page, ce qui créé un drôle de décalage...

Spoiler:

Je ne sais pas du tout comment solutionner ces problèmes assez handicapants Comme je ne sais pas si ce peut être lié à un problème de code (css ou template), je ne sais pas du coup quels copier-coller je peux vous proposer du thème du forum... Si vous avez une petite idée de la source probable du problème, je peux vous fournir les codes  

Je vous remercie par avance pour votre aide et je peux vous fournir plus de renseignements ou d'images au cas où !

[Toryudo]

Bonjour !
Est-ce que vous parlez du forum de votre profil, https://shades-of-kumquat-fo.fra.co/ ?
Je n'arrive pas à constater quoi que ce soit sur celui-ci, je ne sais pas non plus si le problème est visible quand on surfe en tant qu'invité. Si vous pouviez nous donner des liens où on peut voir chacun des problèmes en étant simple invité, ce serait top !

[Chacha]

Bonjour, Attention, cela fait 7 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

[Kumquat]

Bonjour !

Merci beaucoup pour votre attention

Alors non ce n'est pas le forum dans mon profil, c'est celui-ci : https://mighty-odds-rpg.forumactif.com/

Normalement on peut voir certaines failles en tant qu'invité (par exemple en voulant poster un nouveau message, le bug apparaît au moment de la prévisualisation d'un message, il y a de grands espaces qui remplacent les icons et déforment tout... lorsqu'on met des smileys aussi par exemple, le smiley apparaît en grand... ). D'autres ne le sont pas, parce qu'il faut avoir un compte et vouloir modifier le profil, mais c'est le même problème de dimension et d'énormes vides... (par exemple lorsqu'on veut éditer le profil, pour le champ "sexe", il n'y a rien à la place des images mais d'énormes espaces à leur place qui déforment tout).

J'aimerais aussi pouvoir modifier le cadre en tableau lors de l'édition de la signature du profil / ou sur d'autres zones du forum parce que la partie réservée aux smileys pousse le cadre d'édition sur le côté et déforme un peu la page

Dites-moi s'il vous faut plus de précisions, de screens ou des codes / css du forum.

Merci d'avance pour votre aide

[Toryudo]

Bonjour !
Alors voici la cause du problème des images agrandies :

Code:

.forumline img {
  width: 700px;
}

Vous devez avoir ce code dans votre CSS personnalisé si je ne me trompe pas. Si vous le retirez, le problème sera résolu.

Pour le problème du cadre d'édition, je pense voir de quoi vous parlez.
Quand je suis sur la page de post, je le vois grandir à la fin du chargement de la page : c'est un script qui fait ça, sur tous les forums, mais chez vous, ça décale effectivement un tout petit peu. Alors, je ne sais pas si le problème sera résolu partout, mais vous pouvez ajouter ce genre de CSS :

Code:

.sceditor-container textarea {
  width: 565px !important;
}

Ça permet de limiter la taille de l'éditeur (sur la page de post classique en tout cas) et de faire en sorte qu'il ne s'agrandisse pas au moment de son chargement. Dites-moi si ça fonctionne mieux un peu partout, jouez un peu avec la valeur si vous voulez pour ajuster !

[Kumquat]

Bonjour !

Merci énormément pour votre aide et presque la majorité des problèmes ont été solutionnés

Il n'y a plus de souci au niveau des dimensions des images, et les cadres s'imbriquent normalement dans les parties "signature", "éditer le profil" et lors de la "prévisualisation".

J'ai par contre remarqué encore un dernier souci (avec images ci-dessous).

Spoiler:

Il y a encore un problème au niveau des cadres à certains endroits, notamment dans la partie "revue du sujet" J'ai tenté de modifier les valeurs du code précédemment cité mais cela n'a rien changé

Encore merci d'avance

[Toryudo]

Bonjour !
Alors oui, revue de sujet, je viens de trouver quoi faire.
Vous allez modifier le template posting_topic_review (qui se trouve dans Poster & Messages privés). Dedans, vous allez supprimer class="forumline" de la 8ème ligne normalement, je vous fais la capture d'écran avec le contenu à supprimer surligné :



Avec ça, revue de sujet se réajuste bien par rapport aux autres éléments !

[Kumquat]

Oh là là, merci beaucoup !! C'est solutionné grâce à vous, encore merci

J'aurais une dernière petite question à vous poser et après tout sera définitivement réglé  

Spoiler:

Avec l'image, c'est un peu plus parlant... J'aimerais que les bords du cadre de message rapide et des sujets similaires se cadrent au cadre du dessus (le postbody).

J'ai tenté plusieurs fois d'aligner des variables, bizarrement, parfois ça marche très bien et les cadres sont tous au bon format et parfois non...le cadre du message rapide est plus court selon les endroits

Je vous remercie d'avance  

[Toryudo]

Bonjour !
Bon, en tant qu'invité, je ne peux pas voir la réponse rapide.
En revanche, je vois un décalage au niveau des bas de quelques pages :


Ça, ce serait le CSS de la class forumline2 qui serait en cause.
En fait, toutes les <table> ont un width 100%, ce qui permet d'adapter tous les éléments à la taille de la page... mais en plus de ça, je vois que ce forumline2 redéfini un width: 825px;. A cause de ça, cet élément de bas de page est plus petit que le reste, puisque les autres éléments restent à 100% de la page (et 100% = 850px dans votre cas).

Je vous conseille de retirer ce width: 825px;. Avec un peu de chance, ça corrigera à la fois ici et pour les réponses rapides, qui se situent dans la même zone !

[Chacha]

Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

[Chacha]

Bonjour, Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 7 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou pensez à faire un UP régulièrement ! Ce sujet est archivé afin de ne pas perdre les réponses apportées.