Avatar réponse rapide décalé

[Plume22]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 18/01/22
Lien du forum : https://thevagariesoftime.forumactif.com

Description du problème

Bonjour à tous, j'espère que vous allez bien ?

Voilà, ça fait des heures que j'essaye de me battre avec ce codage mais je n'en viens pas à bout. J'ai consulté les sujet avec un problème similaire mais, même en appliquant les solutions qu'on leur à proposé, chez moi ça ne fonctionne pas.

Aussi, en installant ce codage, j'ai remarqué l'apparition de ceci :

Spoiler:

2 petites icones pour m'informé du nombre de participant au sujet. Hors, je voudrais simplement avoir l'avatar dans la réponse rapide, c'est possible ?

MERCI BEAUCOUP D'AVANCE <3

[Oka.mi]

Bonjour,

Aussi, en installant ce codage, j'ai remarqué l'apparition de ceci :

Spoiler:

2 petites icones pour m'informé du nombre de participant au sujet.

Il s'agit simplement d'une nouveauté de Forumactif. Peut-être n'y avez-vous pas fait attention jusqu'ici, ou bien avez-vous ajouté le code mentionné dans ce message en pensant que cela résoudrait votre problème, alors que ce n'est pas la même chose.

Pour en revenir à votre problème, c'est parce que depuis une récente correction apportée par Forumactif, le max-height et max-width de vos avatars sont appliqués sur tous les avatars peu importe leur voie d'hébergement. Comme ce style est appliqué directement sur l'élément (de l'avatar), il est prioritaire et c'est ce qui fait que le max-height et max-width spécifié dans votre #av_quickreply img ne passe pas. Pour remédier à cela, il vous suffit d'ajouter !important à la fin de ces deux lignes, pour récupérer la priorité.

Comme ceci :

Code:

#av_quickreply img {
   left:15px;
   max-height:160px !important;
   max-width:100px !important;
   position:relative;
   top:35px
}

Ensuite, je vous recommande de donner une largeur fixe à votre forum (dans Général > Forum > Configuration > Structure des pages). Actuellement, celle-ci est réglée à 60%, ce qui peut présenter des soucis d'affichage en fonction de la résolution d'écran des utilisateurs. Je vous propose de le mettre à 1200px étant donné les dimensions actuelles de votre forum.

Enfin, pour retirer l'affichage de la liste des participants, il vous suffit d'ajouter ceci dans votre feuille de style css :

Code:

.poster-list {
   display:none;
}

[Plume22]

Ahhhhh d'accord, je comprend mieux. Merci beaucoup pour ses lumières. Cela fonctionne bien mieux ainsi en effet, y compris le code pour masquer le nombre de participant MILLE MERCIS

Je voulais également savoir si c'était aussi possible de placer l'avatar à droite de la réponse rapide ? (pardon si j'embête, mais je préfère demander ici directement avant de faire une nouvelle bêtise)

Edit : encore une question qui peut sembler bête, mais comment passé de 60% à 1200 px ? Je ne suis pas certaine de comprendre.

[Oka.mi]

Je voulais également savoir si c'était aussi possible de placer l'avatar à droite de la réponse rapide ?

Remplacez #av_quickreply img actuel par

Code:

#av_quickreply img {
    right: 15px;
    max-height: 160px !important;
    max-width: 100px !important;
    position: absolute;
    top: 35px;
}

On a juste remplacé le left par right pour positionner l'élément.
En passant vous pouvez supprimer ceci

Code:

#av_quickreply {
    float: left;
    position : absolute;
}

Edit : encore une question qui peut sembler bête, mais comment passé de 60% à 1200 px ? Je ne suis pas certaine de comprendre.

Comme dit plus haut, rendez-vous dans Général > Forum > Configuration > Structure des pages, et mettez "1200" à la place de "60%"

[Plume22]

Merci beaucoup de votre patience et pour vos explications, malheureusement l'avatar ne veut pas aller sur la droite :/

Pour ce qui est des 1200px, ça marche

[Oka.mi]

Merci beaucoup de votre patience et pour vos explications, malheureusement l'avatar ne veut pas aller sur la gauche :/

Je n'ai pas compris. Vous parliez de vouloir finalement mettre l'avatar sur la droite, et maintenant vous dîtes qu'il ne veut pas aller sur la gauche ?

[Plume22]

Nan, je me suis trompé j'ai éditer mdr
il ne veut pas aller sur droite, je m'exprimer mal parce que je veux aller trop vite, pardon

[Oka.mi]

J'ai oublié de vous donner une partie de la correction : il faut également mettre une position relative sur le formulaire quick_reply pour que la position absolute appliquée sur l'image puisse se mettre au bon endroit. Actuellement, sans cette position relative, l'image se met bien à droite mais son top 35px a pour départ le haut de la page et non le formulaire.
Cela donne donc ceci :

Code:

#av_quickreply img {
   right:15px;
   max-height:160px !important;
   max-width:100px !important;
   position:absolute;
   top:35px
}

form#quick_reply {
 position: relative;
}

en n'oubliant pas de retirer le passage mentionné dans le précédent post.

[Plume22]

C'EST PARFAIT !! Cette fois tout est ok un grand merci à vous pour votre aide