Comment centrer un menu en CSS ?
Résolu/Fermé
Hallo33
Messages postés
332
Date d'inscription
jeudi 22 avril 2010
Statut
Membre
Dernière intervention
9 janvier 2012
-
11 déc. 2010 à 16:41
arthezius Messages postés 3538 Date d'inscription jeudi 15 mai 2008 Statut Membre Dernière intervention 11 septembre 2016 - 14 déc. 2010 à 13:17
arthezius Messages postés 3538 Date d'inscription jeudi 15 mai 2008 Statut Membre Dernière intervention 11 septembre 2016 - 14 déc. 2010 à 13:17
A voir également:
- Comment centrer un menu en CSS ?
- Menu déroulant excel - Guide
- Menu démarrer windows 11 - Guide
- Canon quick menu - Télécharger - Utilitaires
- Menu demarrer - Guide
- Menu contextuel windows 11 - Guide
2 réponses
Hallo33
Messages postés
332
Date d'inscription
jeudi 22 avril 2010
Statut
Membre
Dernière intervention
9 janvier 2012
29
11 déc. 2010 à 17:14
11 déc. 2010 à 17:14
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
Hallo33
Messages postés
332
Date d'inscription
jeudi 22 avril 2010
Statut
Membre
Dernière intervention
9 janvier 2012
29
14 déc. 2010 à 12:30
14 déc. 2010 à 12:30
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
arthezius
Messages postés
3538
Date d'inscription
jeudi 15 mai 2008
Statut
Membre
Dernière intervention
11 septembre 2016
475
14 déc. 2010 à 13:17
14 déc. 2010 à 13:17
Avec le code html ça serai mieux...
