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

Bonjour,

J'ai un menu en CSS avec les balises <style> dans le header dans ma page et je souhaite qu'il soit centrer, comment faire s'il vous plaît?

A voir également:

Comment centrer un menu en CSS ?
Menu déroulant excel - Guide
Windows 11 menu démarrer classique - Guide
Canon quick menu - Télécharger - Utilitaires
Réinitialiser menu démarrer windows 10 - Guide
Excel menu déroulant en cascade - Guide

2 réponses

Réponse 1 / 2

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

J'ai finalement trouvé

j'ai mis

body {
width : 790px;
height : 1000px;
margin : auto;
}

côté CSS

et ça ma centré le menu

Réponse 2 / 2

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

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

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

Avec le code html ça serai mieux...

Discussions similaires

les entrées et les sortées

menu caché

Comment retrouver le bouton menu de Tv Tcl

Déblocage du mode hôtel Philips 20HF5234/10