probléme avec menu en porte coulissante

27 juil. 2009, 18:30

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

#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*/
}

les images se trouve décaler de 1px maximum et je n 'arrive pas à les coller

voici le code html puis le code css de mon menu

code html

Code : Tout sélectionner

<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>

voici le code CSS du menu "ban_menu"

Code : Tout sélectionner



#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;

}

je suis presque sur que c'est un truc tout bête comme d'habitude

merci à vous tous pour votre aide

28 juil. 2009, 11:21

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"

#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]

28 juil. 2009, 11:25

Modération :
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 les règlements
ainsi que l'intitulé de chaque forum avant de poster un nouveau sujet.

29 juil. 2009, 13:12

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

Code : Tout sélectionner

margin-left:auto;
margin-right:auto;

probléme avec menu en porte coulissante

Qui est en ligne