Pour centrer un calque, il faut mettre dans le CSS :

[code]
margin-left:auto;
margin-right:auto;
[/code]

[color=darkred][b]Modération :[/b]
Afin d'obtenir plus de réponses, le sujet est déplacé dans le forum "HTML, XHTML, CSS".

Merci de prendre le temps de lire [url=http://www.phpfrance.com/forums/voir_sujet-12542.php][b]les règlements[/b][/url]
ainsi que l'intitulé de chaque forum avant de poster un nouveau sujet.[/color]

#ban_menu li {

    margin : 0px;
    padding: 0px;
    display: inline;
      
}

#ban_menu li a:link, li a:visited {

    display: block;  
    float:left;
    height: 34px; /*hauteur*/
    width: 95px; /*largeur*/
    line-height: 34px;
    text-decoration: none;
    text-align: center;
    background: url(img/tuto1.png)repeat-x scroll 0 0;
    padding: 0;
    color:#ffffff; 					/*couleur des liens */
    font-weight: bolder;			/*mettre en gras tuto ,magazine etc..*/
    font-family: times news roman,verdana; /*type de police */

}

#ban_menu li a:hover, li a:active {

    background:url(img/tuto11.png)repeat scroll 0 -34px;
    padding: 0px;

} 

bonjour
j ai réussit à résoudre le problème de la marge de mon image mais par contre je n'arrive pas à trouver comment afficher mon menu au milieu de ma page en haut et non pas en haut à gauche

merci de votre aide
voici le CSS de mon menu "porte coulissante"
[php]
#ban_menu li {

margin : 0px;
padding: 0px;
display: inline;

}

#ban_menu li a:link, li a:visited {

display: block;
float:left;
height: 34px; /*hauteur*/
width: 95px; /*largeur*/
line-height: 34px;
text-decoration: none;
text-align: center;
background: url(img/tuto1.png)repeat-x scroll 0 0;
padding: 0;
color:#ffffff; /*couleur des liens */
font-weight: bolder; /*mettre en gras tuto ,magazine etc..*/
font-family: times news roman,verdana; /*type de police */

}

#ban_menu li a:hover, li a:active {

background:url(img/tuto11.png)repeat scroll 0 -34px;
padding: 0px;

}

[/php][/php]

#banniere

{

	 position			:	absolute;
	 z-index				:	2;
	 width				:  100%;
    min-width			:	1024px;
    height				:  160px;
    margin-bottom		:  0px;/*la marge en dessous de la banniere*/
 	 top					:	0px;
    left					:  0px;
    background-image: url(img/banniere_0.png);
    background-repeat: no-repeat;/*pour kel ne puisse pas se repeter*/
}

bonjour
j essaye de réaliser un menu en porte coulissante mais voila cela fait plus de 2 heures que je me trouve face à un problème

mon menu s'affiche derrière ma bannière et non devant, j'ai jouer un peu avec les z-index mais rien à faire
code de la banniere
[php]
#banniere

{

position : absolute;
z-index : 2;
width : 100%;
min-width : 1024px;
height : 160px;
margin-bottom : 0px;/*la marge en dessous de la banniere*/
top : 0px;
left : 0px;
background-image: url(img/banniere_0.png);
background-repeat: no-repeat;/*pour kel ne puisse pas se repeter*/
}


[/php]
les images se trouve décaler de 1px maximum et je n 'arrive pas à les coller :twisted:
voici le code html puis le code css de mon menu

[u]code html[/u]
[code]<div id="ban_menu">
<ul>
<li><a href="test.html">TUTO</a></li>
<li><a href="#nogo">Lien 2</a></li>
<li><a href="#nogo">Lien 3</a></li>
<li><a href="#nogo">Lien 4</a></li>

</ul>
</div>
[/code]
[u]
voici le code CSS du menu "ban_menu"[/u]
[code]


#ban_menu li {

margin : 10px;
padding: 1px;
display: inline;

}

#ban_menu li a:link, li a:visited {

display: block;
float:left;
height: 32px;
width: 95px;
line-height: 32px;
text-decoration: none;
text-align: center;
background:#fff url(img/tuto1.png)repeat-x scroll 0 0;
padding: 0;

}

#ban_menu li a:hover, li a:active {

background:#000 url(img/tuto11.png)repeat scroll 0 -32px;
padding: 0px;

}
[/code]
je suis presque sur que c'est un truc tout bête comme d'habitude :twisted:
merci à vous tous pour votre aide :) :)