Problème avec tutoriel : Ajouter l'avatar à côté du bloc de réponse rapide

[Mr Hyde]

Détails techniques

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

Voir l'image:

Personnes concernées par le problème : Moi uniquement
Lien du forum : http://tmitest.forumactif.org/

Description du problème

Bonjour ! J'ai tenter de faire ce tutoriel sur mon forumtest avant la prochaine mise à jour de mon forum.

J'ai tout suivit à la lettre, mais lorsque je constate le résultat, l'avatar se place un peu étrangement et sous le bloc de réponse rapide. (Voir la capture d'écran)
La modification s'est effectuée comme le tutoriel, le javascript ci-joint :

Code:

jQuery().ready(function() {
  $("#quick_reply").prepend("<div id='av_quickreply'>"+_userdata.avatar+"</div>");
});

Et le CSS :

Code:

/* Avatar sur bloc de réponse rapide */
#av_quickreply img {
    left: 15px;
    position: relative;
    top: 35px;
}
 
#av_quickreply {
    float: left;
    position : absolute;
}

Je m'en remet à vous donc pour voir ce qui pose problème ♥ Merci pour votre temps.

[Invité]

Salut Mr Hyde,


ici:

Code:


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


ajoutes un z-index

Code:


#av_quickreply {
    float: left;
    position : absolute;
z-index:999;
}


a++

[Mr Hyde]

Merci pour la réponse, j'ai donc tenter l'opération, l'avatar à légèrement bouger, mais cela semble toujours pas correct.

Capture ici:

N'est-ce pas un problème lié à la dimension du bloc de réponse ? Je ne m'y connais pas bien, mais, il semblerait qu'il ne se réduit pas comme elle devrait le faire. Voilà, si jamais tu trouves une solution ♥

[Invité]

Salut Mr Hyde,

l'image de l'avatar est bien trop grande , il faut diminuer les dimensions:

Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style





Recherches:

Code:


#av_quickreply img
{
    left: 15px;
    position: relative;
    top: 35px;
}



Remplaces par:

Code:

#av_quickreply img
{
  min-width:50px;
  width:auto;
  max-width:120px;
  min-height:50px;
  height:auto;
  max-height:120px;
  left: 15px;
  position: relative;
  top: 35px;
}


Diminution de la réponse rapide

Ajoutes ceci:

Code:


/*Diminution de la reponse rapide*/
#quick_reply .sceditor-container {width:400px !important;}


Penses à cliquer sur le bouton
a++

[Mr Hyde]

Bonjour, j'ai effectuer la manip voilà le résultat :

Spoiler:

L'avatar se repositionne en haut, décidément désolée, que des problèmes sur problèmes. En tout cas le bloc de réponse à bien réduit, tout comme l'avatar. Merci encore pour ton aide.

[Invité]

Re,
hum !!!!
Tu as bien laissé ceci?

Code:


#av_quickreply {
    float: left;

z-index:999;
}

a++

[Mr Hyde]

Oui c'est bon je l'ai remit ! J'ai plus qu'à jouer sur les dimensions et ça ira je crois, merci pour tout ♥

[Chacha]

Oui c'est bon je l'ai remit ! J'ai plus qu'à jouer sur les dimensions et ça ira je crois, merci pour tout ♥

..	Bonjour, Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à : éditer votre premier message, cocher l'icône Et enregistrer en cliquant sur Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton A bientôt sur ForumActif