Problème pour avoir le menu fixe

Bonjou,

Je suis nouvelle et débutante en css. J'ai un problème concernant l'affichage de mon menu . J'ai téléchargé un template bootstrap de site onepage que j'ai adapté et j'aimerai que le menu de droite reste fixe en haut quand on défile sur la page. Pouvez-vous me donner un coup de main s'il vous plait? Je vous remercie d'avance.Voici mon code html:

<div class="nav">
<ul>
<li><a href=""></a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="marques.html">Marques</a></li>
<li><a href="produits.html">Produits</a></li>
<li><a href="equipe.html">Equipe</a></li>
<li><a href="presentation.html">Présentation</a></li>
<li><a href="index.html">Accueil</a></li>
<li><a href=""></a></li>

</ul>
<div class="clear"></div>
</div>
</div>

et le CSS:
/*Début Css fixe*/
/*.nav-container{ background: transparent;}*/
.f-nav{ z-index: 9999; position: fixed; right: 0; top: 0; width: 100%; height: 100vh;} /* menu fixe */

.nav { height: 42px;}
.nav ul { list-style: none; }
.nav ul li{float: right; margin-top: 6px; padding: 6px;;}
.nav ul li:first-child{ padding-right: 0;}
.nav ul li a { }
.nav ul li a:hover{ text-decoration: no;}

}
/*Fin Css fixe*/

Salut et bienvenu

Si tu veux que le menu reste en permanence dans la même zone il faut utilisé un position:fixed

Bonjour,

Je l"ai déjà fait sur cette ligne du code:

.f-nav{ z-index: 9999; position: fixed; right: 0; top: 0; width: 100%; height: 100vh;}

Tu as trop de problème dans ton code:
- tu ferme deux balises div alors que tu en ouvre qu'une
- tu utilise .f-nav mais je vois pas cette classe dans le code partager
- tu ferme une accolade dans le css "}" mais elle n'est pas ouverte
- tu utilise un double point virgule padding: 6px;;}

Ce ne sont pas de graves erreurs mais très génante.

voici un code qui fonctionne

Merci Jencal,

ça fonctionne mais mon scroll ne répond plus .

Ah merde, je sais pas d'où peut venir l'erreur dans ce cas. je ne connait pas le context global de ta page.

Jencal,

J'ai pu résoudre mon problème pour le scroll. Merci encore!