ciao a tutti. seguendo le indicazioni di un manuale su joomla ho creato il mio template personalizzato. ho fatto varie modifiche, inserito moduli e tutto quello che mi serve. ora mi sono bloccata sul menu. mi spiego meglio:
- ho un menu principale (menu verticale, mod_mainmenu) con voce1, voce2, voce3, voce4
- voce 1 ha un sottomenu tipo sottomenu1, sottomenu 2, sotomenu3
il tutto funzione nel senso che quando clicco su voce 1 mi appare il suo sottomenu, quando clicco su voce 2 il sottomenu di voce1 si chiude correttamente. il problema è che il sottomenu si apre spostato più a destra rispetto al menu principale. io vorrei che il sottomenù apparisse esattamente sotto a quello principale e non spostato a destra.
il relativo codice css è
/*gestione menu*/
div#menusx
{
position:absolute;
left:0px;
padding-left: 0px;
padding-top: 0px;
width:175px;
background-color:#cee3c1;
}
div#menusx ul.menu
{
list-style:none;
padding:0px;
margin:0px;
}
div#menusx ul.menu a
{
display:block;
width:175px;
height:26px;
position:relative;
text-decoration:none;
background:url('../images/sfondo_menu.jpg');
background-repeat:no-repeat;
padding-left:0px;
padding-bottom:0px;
border-bottom:1px solid #063966;
border-left:1px solid #063966;
border-right:1px solid #063966;
}
div#menusx ul.menu li.item1 a
{
border-top:1px solid #006699;
}
/*controllo voci di menu*/
div#menusx ul.menu a span
{
display:block;
padding-left:5px;
padding-top:4px;
height:20px;
color:#444444;
font-size:10px;
font-style:normal;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
/*Rollover menu*/
div#menusx ul.menu a:hover span
{
display:block;
padding-left:5px;
padding-top:4px;
height:20px;
color:#000033;
font-size:10px;
font-style:normal;
font-family:Verdana, Arial, Helvetica, sans-serif;
list-style-type:none;
cursorointer;
}
CHI MI SA' DARE UNA MANO?
