Notifications Décalées

[Bruny]

Détails techniques

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

Voir l'image:

Personnes concernées par le problème : Plusieurs utilisateurs
Problème apparu depuis : Je ne m'en rappelle plus parce que je croyais que le problème venait de mon ordinateur.
Lien du forum : http://guerredesquatreclans.forumactif.org/

Description du problème

Bonjour,

Comme vous le voyez sur le screen, il manque un bout des notifications notamment les croix. Je croyais que cela venait de mon ordinateur jusqu'à ce qu'un membre, hier, me face la remarque. Je ne sais plus du tout depuis quand c'est arrivé. Je ne sais pas si cela est nécessaire de le préciser mais j'ai installé des codes pour les notifications.

Merci de votre aide

[◦Jay◦]

Bonjour Bruny, vérifiez votre CSS si vous avez un code commençant par ul#notif_list et si il y a un margin appliqué sinon, vous pouvez ajouter ce code à votre CSS :

Code:

ul#notif_list{margin-left:-50px !important ;}

Bien à vous.

[Bruny]

Merci !

Je n'ai pas de code qui commence par ul#notif_list.

J'ai rajouté celui que vous avez écrit mais rien a changé.

Merci

[◦Jay◦]

Bonjour Bruny, il doit y avoir une erreur quelque part car le code fonctionne. Vous n'avez pas de script sur la toolbar ?

[Bruny]

Bonjour,

Si en plus de celui que vous avez inscrit, il y a celui là :

Code:

/* --------------------------------- Toolbar Libre Service 3 : Noir + Arrondi --------------------------------- */
    #fa_toolbar {
        background-color: transparent !important;  /* Rend transparent le fond principal */
    }
    #fa_right {
        background-color: #000000;  /* Couleur de fond */
        border-radius: 0 0 40px 40px;  /* Arrondis les bords */
        padding-left: 10px;  /* Règle la marge intérieure gauche */
        padding-right: 10px;  /* Règle la marge intérieure droite */
        position: relative;  /* Permet de décaler la toolbar */
        right: 20px;  /* Décale la toolbar de la droite */
    }
   
    #fa_left {
        background-color: #000000;  /* Couleur de fond */
        border-radius: 0 0 0 40px;  /* Arrondis les bords */
        position: relative;  /* Permet de décaler la toolbar */
        left: 20px;  /* Décale la toolbar de la gauche */
        margin-top: -1px;  /* Petite correction d'1px - Peut dépendre de votre forum (peut être retirée) */
        padding-left: 10px;  /* Règle la marge intérieure gauche */
        padding-right: 10px;  /* Règle la marge intérieure droite */
    }
   
    #fa_search {
        background-color: #000000;  /* Couleur de fond */
        margin-top: -1px;  /* Petite correction d'1px - Peut dépendre de votre forum (peut être retirée) */
        padding-left: 10px;  /* Règle la marge intérieure gauche */
        padding-right: 10px;  /* Règle la marge intérieure droite */
    }
   
    #fa_share {
        background-color: #000000;  /* Couleur de fond */
        border-radius: 0 0 40px;  /* Arrondis les bords */
        position: relative;  /* Permet de décaler la toolbar */
        left: -20px;  /* Décale la toolbar de la gauche */
        margin-top: -1px;  /* Petite correction d'1px - Peut dépendre de votre forum (peut être retirée) */
        padding-left: 10px;  /* Règle la marge intérieure gauche */
        padding-right: 10px;  /* Règle la marge intérieure droite */
    }

Celui - ci :

Code:

/* --------------------------------- Avatar dans la Toolbar --------------------------------- */
    .fa_avatar {
      width: 25px;
      height: 25px;
      position: relative;
      top: -3px;
      margin-right: 5px;
      border-radius: 3px;
      margin-bottom: -10px;
    }

Merci

[Bruny]

DP

Désolée du DP, mais je viens de m'apercevoir que cela est redevenue normal mais je ne comprends pas pourquoi je viens de le voir seulement maintenant parce que hier, j'ai actualisé plusieurs fois...

Merci beaucoup !

[Invité]

Hello Bruny,

la solution donnée par ◦Jay◦ fonctionne .

Il faut augmenter la valeur du right ici:

Code:

  right: 20px;  /* Décale la toolbar de la droite */

Code:

 
#fa_right {
        background-color: #000000;  /* Couleur de fond */
        border-radius: 0 0 40px 40px;  /* Arrondis les bords */
        padding-left: 10px;  /* Règle la marge intérieure gauche */
        padding-right: 10px;  /* Règle la marge intérieure droite */
        position: relative;  /* Permet de décaler la toolbar */
        right: 20px;  /* Décale la toolbar de la droite */
    }

50 px devrait suffire je pense.

a++