PRoblème avec la barre de navigation ouvrable

Bonjour j'ai utiliser ce tutoriel:

https://www.never-utopia.com/t51016-barre-de-navigation-ouvrable

Malheureusement, la barre de vagiation ne disparaît pas et ne vas pas en haut du forum. Elle reste sous la bannière et c'est ça en fait. Regarder sur le forum, vous comprendrez ^^

http://citd.forumactif.org/?tt=1

Merci à ceux qui m'aideront. :)

Je n'ai pas mis de code, car je ne sais pas d'où vient le problème.

Salut!

Mmhh... Tu pourrais nous donner ton CSS au complet s'il-te-plaît?

avec grand plaisir. :)

voilà le css dans son intégralité :)

Code:

body{
        background-color: #couleur;
        background-image: url("http://img15.hostingpics.net/pics/391686OABD.png");
        background-position:top;
        background-repeat:no-repeat;
        }

/*********** CODE DES CATEGORIES PAR PHANTASMAGORIA SUR PRD ********/
.modifcat {
background-color: #b0aba7;
border-bottom: 2px solid #fff;
border-radius: 0px 0px 20px 20px;
-webkit-border-radius-: 20px; width: 800px; padding-bottom: 10px;
margin: auto;
}

.catégoz { background-color: #b0aba7;
 margin-bottom: -10px;; height: 50px; margin-top:5px; padding-top: -10px;
border-radius: 20px 20px 0px 0px;
-webkit-border-radius: 20px 20px 0px 0px;
    border-top: 2px solid #fff; width: 800px;
margin: auto;
}

.catégoz h2 { font-size: 17px; font-family: Georgia; text-shadow: 0px 0px 2px #a99279;
text-transform: uppercase; color: #7d6a5c; letter-spacing: -1px;}

.statdescrip {
padding: 5px; border-radius: 10px;
-webkit-border-radius: 10px;}

.fond_global_cat { background-color: #d8d1c9; margin-left: 10px; margin-right: 10px; width: 780px;
border-radius: 20px; -webkit-border-radius: 20px; padding-bottom: 10px; border: 2px solid #cdb79b;}

.descrip_bloc {
width: 470px;
height:50px;
overflow: auto;
text-align: justify;
color: #fff; font-size: 9px;}

.stat_general {

padding: 5px;
height:70px; width: 160px; font-size: 9px; border-radius: 10px;
-webkit-border-radius: 10px;}

.stat1 {
padding: 2px; color: #7d6a5c; letter-spacing: -2px; font-size: 13px; border-bottom: 1px solid #7d6a5c;}

.forumdesc1 {
text-align: center;
padding: 5px; border-radius: 10px;
-webkit-border-radius: 10px;}

.sousfofo {

padding: 5px; text-align: center;}

.sousfofo a {
color: #7d6a5c;
padding: 2px; font-family: 'Glass Antiqua', cursive;
font-size: 13px; }

.sousfofo a:hover {
color: #7d6a5c;
padding: 2px; font-family: 'Glass Antiqua', cursive;
text-shadow: 0px 0px 2px solid #7d6a5c; font-size: 13px; }

.forumtitre a {
 display:inline-block;
font-size: 30px;
color: #7d6a5c; margin-bottom: -35px;
text-decoration: none;
font-family: 'Glass Antiqua', cursive;
padding-left: 100px;}

/* Personnalisation titre - lien survolé */
.forumtitre  a:hover, .forumtitre  a:active {
color:#ae9b88;
font-size: 30px;
text-decoration: none;
font-family: 'Glass Antiqua', cursive;}

            /************** FIN DES CODES ********************/
***Fin Catégorie***

    /* -------------------------------- QEEL -------------------------------- */

            /*** MISE EN FORME LIENS AU SURVOL ***/
            a:hover {
              text-decoration: none !important;
            }

            /*** MISE EN FORME FONT DU QEEL ***/
            .fond_qeel {
              width: 750px;
              border-radius: 0px 0px 25px 25px;
              background-color: #FCFBEA;
              margin: auto;
              height: 620px;
              position: relative;
            }

            /*** MISE EN FORME TITRE PRINCIPAL ***/
            .titre_principal {
              color: #2D5A57;
              font-family: georgia;
              font-size: 28;
              letter-spacing: 5px;
              text-align: center;
            }

            /*** MISE EN FORME SOUS-TITRE "Et à qui se fier ?" ***/
            .titre_secondaire {
              color: #C7BBC1;
              font-family: georgia;
              font-size: 14px;
              text-align: center;
            }

            /*** MISE EN FORME BLOC STATISTIQUES ***/
            .bloc_stat {
              background-color: #F0F0F0;
              padding: 15px;
              width: 200px;
              height: 150px;
              overflow: auto;
              font-size: 11px;
              border: 2px solid #CACACA;
              text-align: justify;
              color: #515151;
              position: absolute;
              left: 3em;
              z-index: 1;
            }

            /*** MISE EN FORME BLOC DES GROUPES ***/
            .bloc_groupes {
              background-color: #F0F0F0;
              padding: 15px;
              width: 420px;
              height: 50px;
              overflow: auto;
              font-size: 20px;
              border: 2px solid #CACACA;
              text-align: center;
              font-family: 'Six Caps', sans-serif;
              position: absolute;
              left: 14.5em;
              z-index: 1;
            }

            /*** MISE EN FORME BLOC DES CONNECTES LES 24H ***/
            .bloc_connectes {
              background-color: #F0F0F0;
              padding: 15px;
              width: 420px;
              height: 50px;
              overflow: auto;
              font-size: 20px;
              border: 2px solid #CACACA;
              text-align: center;
              font-family: 'Six Caps', sans-serif;
              position: absolute;
              left: 14.5em;
              z-index: 1;
            }

            /*** COULEUR ET TRANSPARENCE DU FOND DES 24H ***/
            #kaboum .row1 {
              background-color : transparent;
            }

            #kaboum span.gensmall {
              color: #515151;
            }

            /*** MISE EN FORME DES TITRES (simple + survol) ***/
            .titre_bloc {
              font-family: 'Dancing Script', cursive;
              font-size: 24px;
              font-weight: bold;
              color: #B0C3AB;
              position: absolute;
              z-index: 2;
              margin-top: -18px;
            }

            .titre_bloc:hover {
              color: #2D5A57;
            }

            /*** GROUPES A ONGLETS ***/
            /* Mise en forme des noms de groupe */
            .groupe_onglet {
              display: inline-block;
              padding: 10px;
            }

            /* Mise en forme du bloc en transparence de description */
            .contenu_groupe_onglet {
              padding: 15px;
              display: none;
              width: 315px;
              height: 115px;
              overflow: auto;
              font-size: 11px;
              color: #414141;
              text-align: justify;
              background-color: #CBC4C2;
              position: absolute;
              top: 14em;
              left: 21em;
              filter: alpha(opacity = 50);
              opacity: 0.5;
            }

            /* Mise en forme des liens */
            .contenu_groupe_onglet a{
              text-decoration: none !important;
            }

            /*** MISE EN FORME DES CREDITS ***/
            .credits {
              text-align: right;
              margin-right: 10px;
              font-size: 9px;
              margin-top: 10px;
            }

            .credits a{
              color: #B0C3AB;
            }

            /* -------------------------------- FIN QEEL -------------------------------- */



    .avatar_mess
    {
      display: block;
      width: 200px;
      height: 320px;
      margin-left: -10px;
      margin-right: 10px;
      overflow: hidden;
      background: #272726;
      border: 5px solid #3e1d19;
      transform: rotate(-5deg);
      -moz-transform: rotate(-5deg);
      -o-transform: rotate(-5deg);
      -ms-transform: rotate(-5deg);
      -htm-transform: rotate(-5deg);
      -webkit-transform: rotate(-5deg);
      box-shadow: 0px 0px 6px #000000;
      -moz-box-shadow: 0px 0px 6px #000000;
      -o-box-shadow: 0px 0px 6px #000000;
      -htm-box-shadow: 0px 0px 6px #000000;
      -webkit-box-shadow: 0px 0px 6px #000000;
          transform: all;
    -moz-transform: all;
    -o-transform: all;
    -htm-transform: all;
    -webkit-transform: all;
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -htm-transition: 1s;
    -webkit-transition: 1s;
    }
    .avatar_mess:hover
    {
      margin-left: 5px;
      transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -htm-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
          transform: all;
    -moz-transform: all;
    -o-transform: all;
    -htm-transform: all;
    -webkit-transform: all;
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -htm-transition: 1s;
    -webkit-transition: 1s;
    }
    .profil_mess
    {
      position: absolute;
      display: block;
      width: 190px;
      height: 310px;
      margin: auto;
      padding: 5px;
      overflow: auto;
      background: #6b664e;
      color: #c5bea0;
      font-size: 11px;
      opacity: 0;
      -moz-opacity: 0;
      -khtml-opacity: 0;
      filter: alpha(opacity=0);
          transform: all;
    -moz-transform: all;
    -o-transform: all;
    -htm-transform: all;
    -webkit-transform: all;
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -htm-transition: 1s;
    -webkit-transition: 1s;
    }
    .profil_mess:hover
    {
      opacity: 1;
      -moz-opacity: 1;
      -khtml-opacity: 1;
      filter: alpha(opacity=100);
          transform: all;
    -moz-transform: all;
    -o-transform: all;
    -htm-transform: all;
    -webkit-transform: all;
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -htm-transition: 1s;
    -webkit-transition: 1s;
    }
    .pseudo_mess
    {
      display: block;
      position: relative;
      z-index: 2;
      width: 190px;
      margin-top: -15px;
      margin-left: 10px;
      text-align: center;
      font-size: 18px;
      font-family: courier;
      font-weight: bold;
      text-shadow: 0px 0px 3px #c5bea0;
      background: #94855c;
      padding-top: 5px;
      border-left: 3px solid #371e1a;
      border-right: 3px solid #371e1a;
      border-top: 1px solid #371e1a;
      border-bottom: 1px solid #371e1a;
      box-shadow: 0px 0px 3px #000000;
      -moz-box-shadow: 0px 0px 3px #000000;
      -o-box-shadow: 0px 0px 3px #000000;
      -htm-box-shadow: 0px 0px 3px #000000;
      -webkit-box-shadow: 0px 0px 3px #000000;
    }

****Fin avatar****

/********************************************* NAVIGATION *********************************************/
/*Fixe la navigation en haut cachée*/
#navbloc {
  position: fixed;
  z-index: 20;
  top: -32px;
  left: 0px;
  width: 100%;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}

/*Barre de la navigation*/
.nav_links {
  background: #1A1815;
  border-bottom: 2px solid #000000;
  color: #88346B;
  height: 20px;
  padding: 5px;
}
/*Liens de la navigation*/
#navbloc a.mainmenu {
  font-family: monotype corsiva;
  font-size: 18px;
  color: darkgoldenrod;
  text-shadow: 1px 1px 1px #000000;
}
/*Liens de la navigation au survol*/
#navbloc a.mainmenu:hover {
  color: goldenrod;
  text-shadow: 1px 1px 1px #000000;
}

/*Boutons pour ouvrir ou fermer la navigation*/
#nav_ouvrir, #nav_fermer {
  display: block;
  width: 190px;
  margin-left: 15px;
  margin-top: -2px;
  background: #1A1815;
  border: 2px solid #000000;
  border-top: none;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  color: darkgoldenrod;
  text-shadow: 1px 1px 1px #000000;
  padding: 5px;
  font-family: Times New Roman;
  font-size: 20px;
  font-variant: small-caps;
  cursor: pointer;
  text-align: center;
}
/*Boutons au survol*/
#nav_ouvrir:hover, #nav_fermer:hover {
  color: goldenrod;
}
  /********************************************* FIN NAVIGATION *********************************************/

Merci d'Avoir répondu si vite.

Coucou Fame :)

Le soucis vient d'une petite erreur dans ton CSS ici :

Code:

****Fin avatar****

Il manque les caractères / pour faire un commentaire :

Code:

/****Fin avatar****/

C'est juste au dessus du CSS pour la navigation et donc cela crée une erreur pour ta navigation

problème régler, merci beaucoup. :)