problema menù a tendina

[claretta]

ciao a tutti ho un problema con il menù a tendina,vorrei che mi compaia non a destra ma sotto la parola che lo genera.come modifico il foglio di style?

[salasir]

HTML.it telepatico!

Se indichi il pezzo di codice relativo al menù (html e css), forse trovi qualcuno che ti indica cosa e dove modificarlo!

Oppure un link alla pagina in questione.

[claretta]

Il codice del menù è questo:
<div id="nav">
<ul>[*]pagina1[*]pagina2[*]pagina3[*]pagina4
<ul>
[*]art1
[*]art2
[*]art3
[*]art4
[/list]
[/list]
Il codice css è questo:
#nav, #nav ul {
padding: 0;
margin: 0;
list-style: none;
float : right;
width : 13em;

}

#nav li {

float : left;
line-height : 1.25em;
margin-bottom : -1px;
width: 13em;
}

#nav li ul {
position : absolute;
left: -999em;
margin-left : 11.05em;
margin-top : -1.35em;
}

#nav li ul ul {
left: -999em;
}

#nav li a {
width:8.2em;
w\idth: 8.2em;
display: block;
color: Blue;
font-weight: bold;
text-decoration: none;
background-color: White;
border: 1px solid Navy;
padding: 0 0.5em;
font-size:15px;
padding-top:1.5%;
padding-bottom:1.5%;
}

#nav li a:hover {
color: Aqua;
background-color: Navy;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
}
In questo modo il menù espandibile che parte da pagina4 esce verso destra io vorrei invece che si apre verso il basso.

[salasir]

Se non ho capito male quello che vuoi, dovresti intervenire in questo punto:

#nav li ul { 
position : absolute;
left: -999em;
margin-left : 11.05em;   <== diminuisci questo valore  
margin-top : -1.35em;
}

[claretta]

Ok grazie ho risolto il problema dovevo solo diminuire sia il margin-left,che margin-top.

[salasir]

Felice di esserti stato d'aiuto.