Ciao ho trovato un menu con delle sottocategorie con i css.
Adesso però ho un problema... vorrei che il mio menu restasse visibile finchè non clicco su una delle voci...
Il mio menu è il seguente
<div id="menu">
<ul>[*] System Component
<ul>[*] Membrane[*]Quick Seam Splice Tape[*]Epdm Accessoires[/list]
[/list]
</div>
e il mio css il seguente:
#menu {
text-align: center;
width: 100%;
background: url(img/menu_bg.jpg) repeat-x;
}
#menu ul {
margin: auto;
padding:0;
position: relative;
display: block;
width: 800px;
height: 20px;
background-color: #F2F2F2;
}
#menu li {
list-style: none;
float: left;
background-color: #F2F2F2;
}
#menu ul ul {
position: absolute;
width: 800px;
height: 20px;
top: 20px;
left: 0;
visibility: hidden;
background: transparent;
}
#menu li a {
width: 130px;
height: 20px;
display: block;
text-decoration:none;
text-align: center;
line-height: 20px;
font-size: 9px;
font-family: Verdana;
color: #666666;
font-weight: bold;
background: url(img/link_bg.jpg) no-repeat top;
}
#menu li a:hover {
background-position: bottom;
}
#menu ul li:hover ul {
visibility:visible;
z-index:2;
}
#menu li li a {
width: 130px;
height: 20px;
line-height: 20px;
border-right: 1px solid #FFFFFF;
background-color: #CC3300;
color: #FFFFFF;
}
#menu li li a:hover {
background-color: #F3F3F3;
color: #666666;
}
Potete aiutarmi
Graize Leila