Sottomenu con diverso background RISOLTO

[dep83]

Salve a tutti,
mi sto cimentando nella creazione di un template per joomla (magari quando completato pensavo di renderlo disponibile per tutti).
Sono partito da un template free e l'ho completamente modificato.

Ho un problema però con i sottomenu, in pratica in base all'attuale CSS anche le voci del sottomenu vengono visualizzate con lo stesso "pulsante" del menu principale, quando vorrei assegnare al menu di livello 2 una gif di di sfondo diversa.

Queste immagini serviranno a rendere l'idea:



Mentre a me piacerebbe fare una cosa del genere:




Questo è il CSS relativo al menu attuale

Codice: [Seleziona]

/*********************** MENU ************************/

div.module div div div form {

}


div.module_menu ul {
list-style: none;
padding: 0px 0px 0px 0px;
width: 122px;
display: block;
margin: 0px 0px 0px 0px;
}

div.module_menu ul li{
padding: 0 0 0 0px;
margin: 0 0 0 0px;
list-style: none;
}

div.module_menu ul li a:link, div.module_menu ul li a:visited {
border: 0px solid #8F8B58;
margin: 25px 0px 0px 0px;
color: #FFFFFF;
font-weight: bold;
font-size: 13px;
line-height: 36px;
height: 40px;
padding: 5px 0 0px 60px;
display: block;
text-decoration: none;
width: 190px;
font-family: tahoma;
letter-spacing: 0px;
text-transform: uppercase;
background-repeat: no-repeat;
background-image: url('../images/pulsantemenu.gif');
}


Per caso qualcuno saprebbe come fare per assegnare una diversa immagine al background dei menu di livello 2?

Grazie mille
Se vi interessa il sito è questo
http://www.associazionedimensionemusica.it/web/

[tonicopi]

Allora devi creare una regola per i sottomenu.
Non devi far altro che ricopiare quella che hai per i menu cambiando il selettore (aggiungendo nel percorso i due tag ul li) e l'immagine di background ed eventualmente aggiustando i margini o che altro vuoi modificare:

Codice: [Seleziona]

div.module_menu ul li ul li a:link, div.module_menu ul li ul li a:visited {
   border: 0px solid #8F8B58;
   margin: 25px 0px 0px 0px;
   color: #FFFFFF;
   font-weight: bold;
   font-size: 13px;
   line-height: 36px;
   height: 40px;
   padding: 5px 0 0px 60px;
   display: block;
   text-decoration: none;
   width: 190px;
   font-family: tahoma;
   letter-spacing: 0px;
   text-transform: uppercase;
   background-repeat: no-repeat;
   background-image: url('../images/nuovaimmagine.gif');
}

[dep83]

ti ringrazio, domani mattina faccio come hai scritto

ancora grazie

edit:

perfetto, funziona alla grande...
intanto si accettano critiche/consigli per il template
http://www.associazionedimensionemusica.it/web/