[Résolu] Bug avatar sur toolbar

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

Résolu [Résolu] Bug avatar sur toolbar

Message par FANCH 56 le Ven 27 Déc 2013 - 17:49

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


Dernière édition par FANCH 56 le Mar 31 Déc 2013 - 9:25, édité 3 fois

FANCH 56
+ Hyperactif +

Masculin
Messages : 13260
Inscrit(e) le : 25/07/2005

http://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Bug avatar sur toolbar

Message par Ange Tuteur le Ven 27 Déc 2013 - 18:31

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;
}

Ange Tuteur
****

Masculin
Messages : 476
Inscrit(e) le : 16/11/2013

https://github.com/SethClydesdale
Ange Tuteur a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Bug avatar sur toolbar

Message par FANCH 56 le Ven 27 Déc 2013 - 18:46

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
+ Hyperactif +

Masculin
Messages : 13260
Inscrit(e) le : 25/07/2005

http://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Bug avatar sur toolbar

Message par FANCH 56 le Lun 30 Déc 2013 - 17:07

Je relance le sujet.

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

FANCH 56
+ Hyperactif +

Masculin
Messages : 13260
Inscrit(e) le : 25/07/2005

http://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: [Résolu] Bug avatar sur toolbar

Message par Ange Tuteur le Mar 31 Déc 2013 - 2:34

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" />');
});

Ange Tuteur
****

Masculin
Messages : 476
Inscrit(e) le : 16/11/2013

https://github.com/SethClydesdale
Ange Tuteur a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Bug avatar sur toolbar

Message par FANCH 56 le Mar 31 Déc 2013 - 8:55

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 ????


Dernière édition par FANCH 56 le Mar 31 Déc 2013 - 9:34, édité 1 fois

FANCH 56
+ Hyperactif +

Masculin
Messages : 13260
Inscrit(e) le : 25/07/2005

http://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Bug avatar sur toolbar

Message par Ange Tuteur le Mar 31 Déc 2013 - 9:27

@FANCH 56 a écrit: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" />

@FANCH 56 a écrit:PS : Petit question pourquoi brusauement mon java ne fonctionnait plu ????

je ne suis pas sûr  reflexion

Ange Tuteur
****

Masculin
Messages : 476
Inscrit(e) le : 16/11/2013

https://github.com/SethClydesdale
Ange Tuteur a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Bug avatar sur toolbar

Message par FANCH 56 le Mar 31 Déc 2013 - 9:28

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.

FANCH 56
+ Hyperactif +

Masculin
Messages : 13260
Inscrit(e) le : 25/07/2005

http://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

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