Menu qui reste en haut de la page

leomelki Messages postés 3 Statut Membre -  
leomelki Messages postés 3 Statut Membre -
Bonjour, je viens ici pour vous demander si quelqu'un connais une manière de fixer un menu en haut de la page ?
mon code:
CSS:
#top_bar {
background-image: linear-gradient(#ffffff, #f3f3f3);
border-bottom: 2px inset white;
height: 46px;
box-shadow: 3px 2px 3px #272727;
}

.top_bar {
width: 900px;
margin: auto;
position: fixed;
padding-top: 15px;
color: #b7b7b7;
font-family: LatoL;
}

Merci :)
Ps: lien du site: http://diamondscorp.warcube.fr/
Et le reste de la page je vais le mettre ensuite (après que je sache comment mettre la barre de menu fixe.

2 réponses

Pierrecastor Messages postés 46054 Statut Modérateur 4 151
 
Salut

C'est la propriété CSS
position:fixed; 
0
leomelki Messages postés 3 Statut Membre
 
Peux-tu l'insérer dans le code et me retourner le css valide svp.
0
Pierrecastor Messages postés 46054 Statut Modérateur 4 151
 
J'ai l'impression que le soucis viens du fait que tu ai mis une class et un id dans ton CSS alors que le menu n'a qu'une id.

Met tout dans la partie id de ton CSS? ça devrais la faire.
0
leomelki Messages postés 3 Statut Membre
 
Peux tu le faire stp car je n'arrive pas.
J'ai tésté:
#top_bar {
position:fixed;
background-image: linear-gradient(#ffffff, #f3f3f3);
border-bottom: 2px inset white;
height: 46px;
box-shadow: 3px 2px 3px #272727;
}

aussi
#top_bar {
background-image: linear-gradient(#ffffff, #f3f3f3);
border-bottom: 2px inset white;
height: 46px;
box-shadow: 3px 2px 3px #272727;
width: 900px;
margin: auto;
padding-top: 15px;
color: #b7b7b7;
font-family: LatoL;
}
aussi
.top_bar {
background-image: linear-gradient(#ffffff, #f3f3f3);
border-bottom: 2px inset white;
height: 46px;
box-shadow: 3px 2px 3px #272727;
width: 900px;
margin: auto;
padding-top: 15px;
color: #b7b7b7;
font-family: LatoL;
}
et comme au début..
et sa marche pas
0