Centrer un menu , et qu'il reste fixe !
Cbast7
Messages postés
118
Statut
Membre
-
chupa23 Messages postés 152 Statut Membre -
chupa23 Messages postés 152 Statut Membre -
Bonjour,
je rencontre un probleme , j'arrive a centrer mon menu sur mon ecran , mais dès que je change d'ecran sa me le decale , voici le code de mon menu.css :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Barre de menu horizontale et centrée</title>
<style type="text/css">
body {
font: normal 100.01% Helvetica, Arial, sans-serif;
color: black; background-color: #ffffff;
}
.hovermenu ul{
font: bold 16px arial;
padding-left: 0px;
margin-left: 38%;
text-align : center;
height: 0px;
}
.hovermenu ul li{
list-style: none;
display: inline;
}
.hovermenu ul li a{
padding: 0px 0.5em;
text-decoration: none;
float: left;
color: black;
background-color: #C0C0C0;
border: 1px solid #000000;
}
.hovermenu ul li a:hover{
background-color: #996600;
border-style: outset;
}
html>body .hovermenu ul li a:active{ /* applique un effet mousedown sur les navigateurs autres que IE */
border-style: inset;
}
</style>
Que-est-ce que je doit changer pour que sa reste fixe sur tout les ecrans ?
je rencontre un probleme , j'arrive a centrer mon menu sur mon ecran , mais dès que je change d'ecran sa me le decale , voici le code de mon menu.css :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Barre de menu horizontale et centrée</title>
<style type="text/css">
body {
font: normal 100.01% Helvetica, Arial, sans-serif;
color: black; background-color: #ffffff;
}
.hovermenu ul{
font: bold 16px arial;
padding-left: 0px;
margin-left: 38%;
text-align : center;
height: 0px;
}
.hovermenu ul li{
list-style: none;
display: inline;
}
.hovermenu ul li a{
padding: 0px 0.5em;
text-decoration: none;
float: left;
color: black;
background-color: #C0C0C0;
border: 1px solid #000000;
}
.hovermenu ul li a:hover{
background-color: #996600;
border-style: outset;
}
html>body .hovermenu ul li a:active{ /* applique un effet mousedown sur les navigateurs autres que IE */
border-style: inset;
}
</style>
Que-est-ce que je doit changer pour que sa reste fixe sur tout les ecrans ?
A voir également:
- Centrer un menu , et qu'il reste fixe !
- Menu déroulant excel - Guide
- Mon pc s'allume mais lécran reste noir sans bip - Guide
- Comment connecter un ordinateur fixe en wifi sans fil - Guide
- Canon quick menu - Télécharger - Utilitaires
- Combien de temps reste le sablier sur snap ✓ - Forum Snapchat
2 réponses
bonjour
a premiere vu
ceci
margin-left: 38%;
le fait que la valeur sois en pourcentage fais que ton menu s'adaptera a chaque résolution d'écran si tu veux qu'il sois toujours fixe tu doit mettre en px...
Adns
a premiere vu
ceci
margin-left: 38%;
le fait que la valeur sois en pourcentage fais que ton menu s'adaptera a chaque résolution d'écran si tu veux qu'il sois toujours fixe tu doit mettre en px...
Adns
Tu devrais essayer de fixer la largeur de ton menu en % et ça devrait être bon, je m'explique :
une marge de 38 % a gauche comme tu a déjà indiqué , une taille du menu de 24 % , il restera 38 % a droite , ton menu sera toujours centré quelque soit la résolution de l'écran.
En mettant une valeur fixe en pixel , justement rien ne sera centré ou pour une seule résolution.
une marge de 38 % a gauche comme tu a déjà indiqué , une taille du menu de 24 % , il restera 38 % a droite , ton menu sera toujours centré quelque soit la résolution de l'écran.
En mettant une valeur fixe en pixel , justement rien ne sera centré ou pour une seule résolution.
