* Resolu *Couleur de fond du menu deroulant

Bonjour tout le monde, j'ai utilisé le script menu deroulant verticale proposé sur ce site. Et j'aurais aimé savoir si c'était possible d'avoir une couleur pour le menu puis une autre pour le sous menu "par exemple un dégradé d'une meme couleur" afin de différencier un peu plus le menu des sous menu.

Si c'est possible, comment faire?

Merci d'avance
Modifié par apothehouse (15 May 2007 - 22:24)

Salut.

Quel menu as-tu utilisé? Dans les premiers exemple, la couleur est différente pour les 2 niveaux de menu.

Je pense qu'il faut utiliser

#menu li  { background-color:#FF0; }

Si ça marche pas, montre nous le code html et css que tu as. Ou mieux, une page en ligne.

voilà mon fichier css

.menu{
    position:absolute;
    /* solve a Opera7/IE display bug */
    width:152px;
    width/**/:150px;
    border-top: 1px #000 solid;
    border-left: 1px #000 solid;
    border-right: 1px #000 solid;
    margin:0;
    padding:0;
    }
    
.menu span{
    display:none;
    }
    
.menu ul{
    border-top: 1px #000 solid;
    border-left: 1px #000 solid;
    border-right: 1px #000 solid;
    margin:0;
    padding:0;
    position:absolute; /* important */
    width:152px;
    width/**/:150px;
    }
    
.menu li ul{
    visibility:hidden;
    
    }
            
.menu li ul{
    margin-left:150px; /* be careful */
    margin-top:-24px;
    }
    
.menu a{
    text-align:center;
    background-color: #C22929;
    color:#000;
    text-weight:bold;
    display:block;
    width:150px;
    border-bottom: 1px #000 solid;
    text-decoration:none;
    margin:0;
    padding:3px 0 3px 0; /* em units can creat little graphic bug in mozilla */
    }
    
.menu a:hover{
    background-color: #957b47;
    }
    
/* for a mozilla better display with key nav */
.menu a:focus{
    background-color: #aaf;
}

.menu span{
    /* hide some accessibility stuff */
    display:none;
    }
        
.menu li{
    width:150px;
    display:block;    
    float:left;  
    list-style:none;
    margin:0;
    padding:0;
    }
    
/* IE PC selector */
* html .menu li {
    display:inline; /* solve a IE PC list bug */
    float:none; /* solve a IE5 clav nav bug */
    }
    
a.linkOver{
    background-color: #957b47;
    }

Tu peux encore juste marquer ton sujet comme résolu. Merci
Modifié par <nicolas> (15 May 2007 - 21:11)