[Résolu] Bug avatar sur toolbar

[FANCH 56]

Bonsoir

Jusqu'à il y a quelques minutes, mon code pour avatar sur toolbar, gardait les proportions de l'avatar, en le mettant aux bonnes dimensions pour la toolbar.

Et voilà que brusquement cela donne ceci



Voici le CSS

Code:

/* AVATAR SUR TOOLBAR RESPECT DES PROPORTIONS* */

        .fa_avatar {
          width: 25px;
          height: 25px;
          position: relative;
          top: -2px;
          margin-right: 5px;
          border-radius: 3px;
          margin-bottom: -10px;
        }

Et le java associé

Code:

$(function () {
            $(window).load(function () {
                var av = $('#fa_usermenu img:eq(0)').attr('src');
                $('#fa_welcome').prepend('<img src="' + av + '" class="fa_avatar" />');
            });
        });

Quelqu'un voit-il ou est l'erreur ?

Merci

[Ange Tuteur]

Bonsoir FANCH 56,

Essayer en ajoutant !important :

Code:

/* AVATAR SUR TOOLBAR RESPECT DES PROPORTIONS* */
        
.fa_avatar {
width: 25px !important;
height: 25px !important;
position: relative;
top: -2px;
margin-right: 5px;
border-radius: 3px;
margin-bottom: -10px;
}

[FANCH 56]

Bonsoir

Déjà fait. En fin de compte j'avais fais du ménage dans mon CSS, et avais placé ces code en début, d'où le bug.

Mais en remettant le code de l'astuce, c'est toujours pareil. Donc je vais étudier la chose à tête reposée. Je verrai plus tard ou est l'erreur.

Je passe en résolu et re posterai en 2014

[FANCH 56]

Je relance le sujet.

J'ai réussi pour le rang, mais impossible de diminuer l'avatar........

[Ange Tuteur]

Bonjour ,

vous pouvez essayer en remplaçant votre script avec ce :

Code:

$(window).load(function () {
var av = $('#fa_usermenu img:eq(0)').attr('src');
$('#fa_welcome').prepend('<img style="width:25px;height:25px;position:relative;top:-2px;margin-right:5px;border-radius:3px;margin-bottom:-10px;" src="' + av + '" class="fa_avatar" />');
});

[FANCH 56]

Merci Ange Tuteur.



J'ai juste modifié les valeur height et width et le botom, et c'est nickel. Dois-je garder le CSS associé ?

PS : Petit question pourquoi brusquement mon java ne fonctionnait plus ????

[Ange Tuteur]

Doije garder le CSS associé ?

vous ne besoin pas le CSS, puisque c'est dans le script :

<img style="width:25px;height:25px;position:relative;top:-2px;margin-right:5px;border-radius:3px;margin-bottom:-10px;" src="' + av + '" class="fa_avatar" />

PS : Petit question pourquoi brusauement mon java ne fonctionnait plu ????

je ne suis pas sûr  

[FANCH 56]

Par contre si je retire le CSS, cela annule tous les autres codes Toolbar. Cela doit venir de la position des codes. Je vais chercher.

EDIT 09H37 : Voilà c'est que je pensais, j'ai déplacé le code du rang en fin de tous les code toolbar, et cela fonctionne.

Cette fois-ci c'est bien résolu. Bon réveillon.