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

Voir le sujet précédent Voir le sujet suivant Aller en bas

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

Message par @To le Mar 21 Juil 2015 - 22:25

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.


Dernière édition par To-DMEvo le Mar 21 Juil 2015 - 22:37, édité 1 fois

@To
*****

Masculin
Messages : 964
Inscrit(e) le : 26/02/2015

@To a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Garder le corps du forum fixe au passage de la souris sur les boutons de la barre de navigation

Message par Teurancher le Mar 21 Juil 2015 - 22:33

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 ^^

Teurancher
*****

Masculin
Messages : 545
Inscrit(e) le : 28/02/2015

http://www.arcadia-forum.com/
Teurancher a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Garder le corps du forum fixe au passage de la souris sur les boutons de la barre de navigation

Message par @To le Mar 21 Juil 2015 - 22:37

Salut Teurancher,

Yes! parfait rapide et efficace thumleft

Merci Very Happy

résolu


@To
*****

Masculin
Messages : 964
Inscrit(e) le : 26/02/2015

@To a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum