menu a tendina multilivello solo con css

asevenx

Utente Attivo
7 Nov 2009
312
0
16
Come da titolo, vorrei realizzare un menu a tendina multilivello solo con css. Su internet ho trovato questo
HTML:
<ul id="nav">
	<li>
		<a href="#"><strong>Home Page</strong></a>
	</li>
	<li>
		<a href="#"><strong>Liv1</strong></a>
		<ul>
			<li><a href="#">Sub1</a></li>
			<li><a href="#">Sub2</a></li>
			<li><a href="#">Sub3</a></li>
			<li><a href="#">Sub4</a></li>
		</ul>
	</li>
</ul>

HTML:
ul#nav, ul#nav li, ul#nav ul{
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 1.8em
}

ul#nav a{
	display: block;
	padding: 0 1em;
	text-decoration: none;
}

ul#nav li{
	float: left;
	position: relative;
	height: 40px;
	background:#fcfbfb
}

ul#nav li li{
	float: none
} 

ul#nav a:hover{
	
} 

ul#nav ul{
	position: absolute;
	top: 1.7em;
	left: -9999px;
	width: 12em;
    border:3px solid #8bd2e0;
    border-width: 0 0 3px 0;	
}

ul#nav li:hover ul{
	left: auto
}

Vorrei modificarlo in modo tale che passando su sub1 si apra a fianco una nuova lista, come si può fare? grazie a tutti
 
Discussioni simili
Autore Titolo Forum Risposte Data
T problemi con dati menu a tendina HTML e CSS 2
A menu a tendina php PHP 1
M Creazione menu a tendina Javascript 3
G creazione menu a tendina e invio a pagina php PHP 1
R abilitare menu a tendina tramite relativa chekbox PHP 17
M Inviare variabili da menu a tendina a pagina php con post PHP 6
M [PHP] Creare un menu a tendina con pdo PHP 18
K [ASP.Net] Realizzazione menu a tendina dipendenti ASP.NET 1
M [HTML] problema spazio aggiuntivo tra elementi <li> di menu a tendina HTML e CSS 1
P [Gratuito][Cerco] qualcuno per fare menu a tendina ottimizzato per mobile-responsive con css e html Offerte e Richieste di Lavoro e/o Collaborazione 3
P [HTML] Problema con menu orizzontale a tendina per sito web HTML e CSS 17
M [PHP] Menu a tendina dinamico che non si aggiorna PHP 2
U [PHP] Selezione con menu a tendina e recupero selezione PHP 5
V [PHP] Menu a tendina con popolamento dati da un db PHP 6
O Drop menu o menu a tendina HTML e CSS 5
M Popolare menu a tendina in EDIT PHP 18
B Creare menu a tendina su image map HTML e CSS 1
M Cambiare valore ad un campo in base alla selezione fatta nel menu a tendina PHP 16
V Menu a tendina non funziona on line Javascript 2
Carlito's Menu con tendina a comparsa al mouseover HTML e CSS 1
N menu a tendina regione provincia e comune MySQL 4
J Menu a tendina con bootstrap 3 HTML e CSS 3
A Menu orizzontale con tendina orizzontale HTML e CSS 10
C Problemi a creare menu a tendina (discesa) Javascript 2
I richiamare dati da menu a tendina mysql PHP 2
M Menu a tendina che non inserisce dati nel db PHP 8
S Come mettere Menu a tendina in un modello CSS? HTML e CSS 0
L Problema onClick con un menu a tendina Javascript 3
P Tempo Transizione menu tendina WordPress 2
L Selezionare query da menu a tendina MS Access 2
V Menu a tendina dinamico in php PHP 7
L Software per la creazione di menu a tendina in visuale Javascript 0
T Cambiare orientamento menu tendina Javascript 1
Monital Modifica di css di un menu a tendina HTML e CSS 4
S Menu a tendina da dati mysql PHP 4
S Menu a tendina da dati mysql PHP 5
R Eliminazione tag da menu a tendina creato con dati prelevati da tabella Mysql PHP 3
R Inserire in tabella valore selezionato da un menu' a tendina popolato dai valori di un'altra tabella PHP 5
minatore Menu a tendina PHP 10
E esportazione contenuto menu a tendina HTML e CSS 2
F problema menu a tendina con explorer HTML e CSS 2
L Anteprima foto da menu a tendina PHP 10
neo996sps Modifica query PHP con menu a tendina PHP 1
F Php Mysql - visualizzare record per anno con menu a tendina PHP 4
L gestione menu a tendina con cartella PHP 17
J FORM: Menu a tendina con tantissime occorrenze HTML e CSS 0
V Realizzare un menu a tendina HTML e CSS 6
J menu dinamico a tendina con database PHP 13
G estrarre record da un database con menu a tendina Classic ASP 4
J Problema con menu a tendina collegato MS Access 0

Discussioni simili