Menu de navigation horizontal
Bonjour à toutes et à tous.
J'aimerais savoir comment faire pour rendre le menu fixe. J'explique :
ça, c'est ce que j'ai :
http://www.tdmaroc.com/menunav1.png
Mais quand je réduits la fenêtre, voila ce que j'ai :
http://www.tdmaroc.com/menunav2.png
Et voila mon code css :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32
| #header {
border: 1px solid black;
text-align: center;
margin: 0px;
}
#navmenu {
width: 100%;
margin: 0px auto;
background-image: url(images/bg-pagenav.png);
height: 29px;
background-repeat: repeat-x;
padding: 0px;
border: 1px solid black;
}
#navmenu ul {
list-style-type: none;
margin: 0px;
padding: 0px;
text-align: center;
}
#navmenu ul li {
width: 130px;
float: left;
margin: 4px;
border: 1px solid black;
}
#navmenu ul li a {
font-family:Verdana, Geneva, sans-serif;
text-decoration: none;
display: block;
width: 130px;
} |
Merci de m'aider parce que je suis nouveau dans le monde css.