Garder le corps du forum fixe au passage de la souris sur les boutons de la barre de navigation

[Invité]

Détails techniques

Version du forum : PunBB
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://www.diamant-mandarin-evo.com/

Description du problème

Bonsoir,

J'ai sur mon forum une barre de navigation similaire à celle de ce forum (Forum des forums) , au passage merci pour sa réalisation à R-Max.

Voici le soucis:

En passant la souris sur les boutons grossissant de la barre de navigation tout le corps du forum en dessous de la navbar descend de la valeur du grossissement des boutons.

Vous pouvez tester sur mon Forum pour mieux comprendre.

Comment éviter que le corps du forum sous la navbar bouge ,reste fixe?

Ci-joint le CSS:

Code:

/*============================================Barre de navigation===========================================*/

#pun-navlinks a{  text-decoration: none;  color: #024FC2 ; font-size:14px; /*===couleur ecriture barre ====*/
-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
#pun-navlinks a:hover { text-decoration: none;  color: #2dc42d !important;  font-size:16px;
-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;  }  /*==couleur ecriture transition==*/
#pun-navlinks li a {margin: 0;padding: 10px }                          /*====ecartement des boutons menu====*/
#pun-navlinks ul {  list-style: none;  text-align: center;    background-color: #CFCBCB;  /*==Couleur fond==*/
  border-radius: 0 0 18px 18px;                                                /*====Arrondis les bords ====*/
  box-shadow: 0 1.5px 0px #DEE3E7;                                              /*====Affiche une ombre====*/
  margin: auto;                                      /*====Centre ====*/
  width:auto ; position:relative;  z-index:2;  padding: 7px 30px;}            /*====Modifie la longueur ====*/


Merci d'avance pour votre aide, cordialement. To.

[Teurancher]

Salut à toi,
Ce code a résolu le problème pour ma part;

» Code CSS:

Code:

#pun-navlinks ul {
    background-color: #CFCBCB;
    border-radius: 0px 0px 18px 18px;
    box-shadow: 0px 1.5px 0px #DEE3E7;
    list-style: outside none none;
    margin: auto;
    padding: 7px 30px;
    position: relative;
    text-align: center;
    width: auto;
    z-index: 2;
    height: 16px;
}

Fais bien attention à remplacer l'ancien code CSS #pun-navlinks ul par celui-ci pour ne pas avoir un mélange des deux ^^

[Invité]

Salut Teurancher,

Yes! parfait rapide et efficace

Merci