Comment centrer un menu en CSS ?
Résolu
Hallo33
Messages postés
332
Date d'inscription
Statut
Membre
Dernière intervention
-
arthezius Messages postés 3538 Date d'inscription Statut Membre Dernière intervention -
arthezius Messages postés 3538 Date d'inscription Statut Membre Dernière intervention -
A voir également:
- Comment centrer un menu en CSS ?
- Menu déroulant excel - Guide
- Canon quick menu - Télécharger - Utilitaires
- Excel menu déroulant en cascade - Guide
- Windows 11 menu contextuel classique - Guide
- Windows 11 menu démarrer classique - Guide
2 réponses
J'ai finalement trouvé
j'ai mis
body {
width : 790px;
height : 1000px;
margin : auto;
}
côté CSS
et ça ma centré le menu
j'ai mis
body {
width : 790px;
height : 1000px;
margin : auto;
}
côté CSS
et ça ma centré le menu
Finalement ayant augmenté la taille de la police de mon menu, je n'arrive pas à le centrer
Le voici
<style type="text/css">
.menu{margin: 0 auto; padding:0; height:30px; width:100%; display:block; background:url('topMenuImages.png') repeat-x; align:top-center}
.menu li{padding:0; margin:0; list-style:none; display:inline;}
.menu li a{float:left; padding-left:15px; display:block; color:rgb(255,255,255); text-decoration:none; font:15px Verdana, Arial, Helvetica, sans-serif; cursor:pointer; background:url('topMenuImages.png') 0px -30px no-repeat;}
.menu li a span{line-height:30px; float:left; display:block; padding-right:15px; background:url('topMenuImages.png') 100% -30px no-repeat;}
.menu li a:hover{background-position:0px -60px; color:rgb(255,255,255);}
.menu li a:hover span{background-position:100% -60px;}
.menu li a.active, .menu li a.active:hover{line-height:30px; font:15px Verdana, Arial, Helvetica, sans-serif; background:url('topMenuImages.png') 0px -90px no-repeat; color:rgb(255,255,255);}
.menu li a.active span, .menu li a.active:hover span{background:url('topMenuImages.png') 100% -90px no-repeat;}
body {
width : 900px;
height : 1000px;
margin : auto;
} </style><title>Titre</title>
Que faut-il changer pour qu'il soit centrer SVP
D'habitude je travaille avec des feuilles de styles externe et là je suis un peu perdu
MERCI
Le voici
<style type="text/css">
.menu{margin: 0 auto; padding:0; height:30px; width:100%; display:block; background:url('topMenuImages.png') repeat-x; align:top-center}
.menu li{padding:0; margin:0; list-style:none; display:inline;}
.menu li a{float:left; padding-left:15px; display:block; color:rgb(255,255,255); text-decoration:none; font:15px Verdana, Arial, Helvetica, sans-serif; cursor:pointer; background:url('topMenuImages.png') 0px -30px no-repeat;}
.menu li a span{line-height:30px; float:left; display:block; padding-right:15px; background:url('topMenuImages.png') 100% -30px no-repeat;}
.menu li a:hover{background-position:0px -60px; color:rgb(255,255,255);}
.menu li a:hover span{background-position:100% -60px;}
.menu li a.active, .menu li a.active:hover{line-height:30px; font:15px Verdana, Arial, Helvetica, sans-serif; background:url('topMenuImages.png') 0px -90px no-repeat; color:rgb(255,255,255);}
.menu li a.active span, .menu li a.active:hover span{background:url('topMenuImages.png') 100% -90px no-repeat;}
body {
width : 900px;
height : 1000px;
margin : auto;
} </style><title>Titre</title>
Que faut-il changer pour qu'il soit centrer SVP
D'habitude je travaille avec des feuilles de styles externe et là je suis un peu perdu
MERCI
