Le bouton haut/bas

[Thomas-Hilde]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Safari
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : https://naggaroth.forumactif.com

Description du problème

Bonjour,

j'ai suivi ce tutoriel (Voir le lien) qui fonctionne très bien outre le fait que lorsque nous cliquons sur le bouton « Haut » cela me renvoie à la page d'accueil systématique.

Code:

$(function(){
          $("body").append('<div class="boutonhautbas"><a href="https://naggaroth.forumactif.com"><img src="https://i.imgur.com/hkOmuCD.png" alt="Aller en haut" /></a> <a href="#bottom"><img src="https://i.imgur.com/G3Io37u.png" alt="Aller en bas" /></a></div>');
});

Voici le code JS, en espérant que cela permette de résoudre mon petit problème. Je vous remercie d'avance

[Invité]

Hello Thomas-Hilde,

tu as déposé le lien du forum au lieu de laisser ce qui était mentionné dans l'astuce .

Code:


<a href="https://naggaroth.forumactif.com"><img src="https://i.imgur.com/hkOmuCD.png" alt="Aller en haut" /></a>


Remplaces le script par celui-ci:

Code:

$(function(){
$("body").append('<div class="boutonhautbas"><a href="#top"><img src="https://i.imgur.com/hkOmuCD.png" alt="Aller en haut" /></a> <a href="#bottom"><img src="https://i.imgur.com/G3Io37u.png" alt="Aller en bas" /></a></div>');
});

a++

[Thomas-Hilde]

Bonjour, merci de ton aide cependant le bouton top ne fonctionne plus lorsque j'utilise ce code là. Je pense d'ailleurs que c'est pourquoi j'avais mis le lien du forum.

[Invité]

Hello Thomas-Hilde,
le bouton fonctionne sur ton forum:
Si tu cliques sur ce lien:
https://naggaroth.forumactif.com/#bottom
Tu arrives ou ?
Si tu cliques sur ce lien:
https://naggaroth.forumactif.com/#top
Tu arrives ou ?

a++

[Thomas-Hilde]

Et bien, le bouton du bas fonctionne très bien ^^ Par contre celui du haut ne mène nul part. On dirait qu'il agit comme un lien mort.

[Invité]

Re,
et pour ma question de ce message:
https://forum.forumactif.com/t403806-le-bouton-haut-bas#3368406

Essayes de mettre ceci dans ta feuille de style:

Code:

.boutonhautbas a
{
    height: 32px;
    width: 32px;
    display: inline-block;
}

Edit, les ancres (elles te permettent d'arriver à un point précis de ton forum) sont bien présentes sur ton forum.
a++

[Thomas-Hilde]

Oh pardon, je n'avais pas compris que tu me parlais des liens que tu avais mis. Désolé, décidément !
Tes liens me mène aux bons endroits à chaque fois. En haut pour top et en bas pour bottom.
Dois-je comprendre que je dois remplacer #top par : https://naggaroth.forumactif.com/#top ?

Edit : Le code mis dans la fiche CSS supprime complètement les boutons du forum.

Code:

.boutonhautbas {
    bottom: 40px;
    right: 10px; /* remplacez right par left pour afficher les boutons à gauche */
    position: fixed;
    z-index: 100;
}


J'ai déjà ce code actuellement, si cela peut aider.

[Invité]

Re,
c'est pas grave .
non, tu n'as rien a changer, tout fonctionne sur ton forum,
j'en reviens et les boutons font bien leurs fonctions.

a++

[Thomas-Hilde]

C'est curieux, de mon côté le bouton top refuse de fonctionner...

[Invité]

Re, désolé pour le double post.

Hum, ce style ne supprime rien cher ami.

Code:

   
.boutonhautbas a
    {
        height: 32px;
        width: 32px;
        display: inline-block;
    }


C'est curieux, de mon côté le bouton top refuse de fonctionner...

As tu testé un autre navigateur que Safari ?

a++

[Thomas-Hilde]

Lorsque je remplace mon code CSS par celui que tu me donnes, les boutons disparaissent encore une fois. Sur ton forum de test, je t'avoue que je ne sais pas si ça fait la même chose que pour moi, il n'y a pas de menu déroulant ^^

Ceci dit, les boutons fonctionnent pour mes membres (qui doivent passer par un autre navigateur que Safari) donc c'est le principal. Je considère donc le problème réglé !
Merci beaucoup pour ton temps et ton aide Milouze, une bonne continuation à toi

[Invité]

Re,

Lorsque je remplace mon code CSS par celui que tu me donnes,

Il faut pas le remplacer mais l'ajouter .
Je viens d'installer ce navigateur et il doit avoir des soucis sous Windows.
Impossible d'accéder aux forums.....

De rien et à bientôt.
Bonne continuation à toi aussi merci.

Edit,

C'est la pub qui doit bloquer...
On va les remonter :
Remplaces ceci:

Code:

   
.boutonhautbas {
        bottom: 40px;
        right: 10px; /* remplacez right par left pour afficher les boutons à gauche */
        position: fixed;
        z-index: 100;
    }


Par:

Code:

   
.boutonhautbas {
        bottom:80px;
        right: 10px; /* remplacez right par left pour afficher les boutons à gauche */
        position: fixed;
        z-index: 100;
    }


a++