Ciao a tutti,
premetto che sono partito da uno script già fatto... è un menù fatto quasi completamente con i CSS e XHTML con una minima parte di JAVASCRIPT.
Le voci del menù erano disposte in maniera verticale e cliccando su una singola voce si "tiravano" giù le relative sottovoci, io lo vorrei modificare in maniera orizzontale questo è il codice originale:
-------------------------------------------------
<div class="menu-tendina-verticale">
Esempio di menu a dinamico, clicca sui link per mostrare le altre voci del menu</p>
<ul>
[*]Sezione 1
<ul id="s-m1">[*]Voce Menu 1.1[*]Voce Menu 1.2[*]Voce Menu 1.3[/list]
</div>
-------------------------------------------------
Questo è il codice del CSS:
-------------------------------------------------
/* menu tendina */
.menu-tendina-verticale ul {
list-style: none;
padding:0;margin:0;
background:#ccc;color:#000;
border:solid #900;border-width:2px 2px 1px 2px;
width:200px
}
.menu-tendina-verticale ul li {
padding:0;margin:0;
display:inline;
}
.menu-tendina-verticale a {
text-decoration:none;
background:#ccc;color:#000;
display:block;padding:.3em 1em;
font-weight:bold;
border-bottom:1px solid #900
}
.menu-tendina-verticale a:hover {
text-decoration:none;
background:#ff0;color:#000
}
.menu-tendina-verticale ul li ul {border:none;border-top:2px solid #fff;border-bottom:1px solid #900}
.menu-tendina-verticale ul li ul li {
display:block;
border:2px solid #fff;
border-top:none;
}
.menu-tendina-verticale ul li ul li a {
display:block;
padding:.3em 0;
width:100%;
text-indent:2em;
border:none;
background:#ddd;color:#900;
font-weight:normal
}
-------------------------------------------------
Questo è quello che ho aggiunto io:
-------------------------------------------------
.menu-tendina-verticale {
display:inline; /* In questo modo continuo sulla stessa linea senza mandare a capo il menù */
list-style: none;
padding:0;margin:0;
background:#ccc;color:#000;
border:solid #900;border-width:2px 2px 1px 2px;
width:200px
}
-------------------------------------------------
Il menù funziona infatti le voci si dispongono verticalmente, ma il problema è che quando faccio un click su una voce per visualizzare le relative sottovoci si "muove anche la grafica del sito!!!", quindi vorrei sapere se c'è qualche proprietà nei CSS che faccia in modo che sottovoci "passino sopra la grafica" (tipo layer... non ricordo se assoluti o relativi).
Spero di essere stato abbastanza chiaro.
Ciao e grazie
Fabio![]()
![]()
![]()