Problème d'affichage avec flèches Haut/bas sur mon forum

[Solid6Snake]

Détails techniques

Version du forum : ModernBB
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://www.entraide-youtubers.com/

Description du problème

Salut Forumactif

J'ai deux problèmes d'affichage avec mes flèches Haut/Bas sur nos pages.

Code Javascript

Code:

$(function(){
          $("body").append('<div class="bouhautbas"><a href="#top"><img src="https://i11.servimg.com/u/f11/17/84/80/30/fleche10.png" alt="Aller en haut" /></a> <a href="#bottom"><img src="https://i11.servimg.com/u/f11/17/84/80/30/fleche11.png" alt="Aller en bas" /></a></div>');
});

CSS

Code:

.bouhautbas {
bottom: 30px;
right: 10px;  
position: fixed;
z-index: 100;
}

Problème N°1: Lorsque les flèches sont sur la même ligne que mes boutons "Prévisualisation - Envoyer" c'est impossible de cliquer sur ces mêmes boutons. Il y a quelque chose qui doit passer devant ce qui rend mes boutons inaccessibles. Je suis obligé de descendre d'un cran pour pouvoir Envoyer ou prévisualiser mon message.





Problème N°2: Je n'arrive pas à placer mes deux flèches sur la droite de mon forum.

Merci d'avance pour votre aide.

Cordialement.

[Invité]

Hello Solid6Snake,


hum dans ta feuille de style tu places les boutons aux deux extrémités:
left et right:

Code:


.bouhautbas {
    bottom: 30px;
 
    position: fixed;
    right: 10px;
    z-index: 100;
}


Il suffit de supprimer ceci:

Code:

  left: 10px;

et d'ajouter un width(largeur du conteneur )
J'ai attribué cette largeur en relation avec les images qui ont ces dimensions 48px X 48px

Code:

width: 100px;

Ce qui donnera:

Code:


.bouhautbas
{
bottom: 30px;
position: fixed;
right: 0px;
z-index: 100;
width: 100px;
}


a++

[Solid6Snake]

Bonjour Milouze j'ai modifié le code est il semble que ça va mieux niveau alignement avec les boutons ça ne bloque plus la validation du message.

Je vois que dans le code l'affichage est marqué right alors que c'est à gauche.

Il y a moyen des tester mes flèches à droite de mon écran?

[Invité]

Hello Solid6Snake,
Ben si tu supprimes pas l'ancien style, le bouton va rester à gauche
Tu as toujours ceci :

Code:


.bouhautbas {
    bottom: 30px;
    left: 10px;
    position: fixed;
    right: 0px;
    width: 100px;
    z-index: 100;
}

Supprimes le left:

Code:

  left: 10px;

a++

[Walt]

Bonjour,

@Solid6Snake Cette réponse vous a déjà été apportée deux fois dans votre précédent sujet sans que les modifications indiquées n'aient été réalisées...

Cordialement,
Walt

[Solid6Snake]

Ah mais oui j'avais installé ce code il y a bien longtemps il était tout en haut de mon CSS c'est pour ça.

C'est rectifié encore désolé et merci à vous.

Je place le résolu