La barre de navigation passe derrière la bande annonce

[Petite Etincelle]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox, Autre
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 01.12.2024
Lien du forum : https://une-petite-etincelle.forumactif.com/

Description du problème

Bonjour,

Afin de facilité la navigation du forum aux membres, j'ai suivi vos indications pour fixer la barre de navigation. Le script fonctionne à merveille et je vous en remercie.

Cependant, lorsque l'on descend dans les forums, la barre de navigation passe derrière la bande annonce.

J'ai mis le code tout en-bas de mon CSS. Est-ce le bon endroit ?

Ou dois-je rajouter un code pour qu'il passe devant la bande annonce ?

Merci d'avance de votre aide

[MlleAlys]

Bonjour,
Il y a effectivement une ligne de code à ajouter pour régler l'ordre de "superposition" de ce genre d'éléments fixes.
Dans votre code actuel ainsi :

Code:

.navig {
  background-color: marine;
  border: 0;
  position: fixed;
  top: 0;
  width: 100%;
}

Ajoutez la propriété z-index: 100; Ce qui donne :

Code:

.navig {
  background-color: marine;
  border: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}

Enregsitrez.

(au passage, votre ligne background-color: marine; ne fonctionne pas car la couleur "marine" n'existe pas, vous pouvez modifier la couleur ( https://htmlcolorcodes.com/fr/noms-de-couleur/ peut vous y aider) ou bien supprimer la ligne pour garder un fond transparent.)

[Petite Etincelle]

Bonsoir MlleAlys,

Merci infiniment, tout fonctionne.

Concernant la couleur marine, elle est avec le thème choisi sur Hitskin, je ne sais si j'ose y toucher mais merci quand même pour l'info.

Bonne fin de soirée