Bonjour à tous,
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:
et le CSS:
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14 <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>
Code css : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13 /*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*/
Partager