Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it L'avatar di tapu
    Registrato dal
    May 2008
    Messaggi
    885

    creazione menù navigazione a piu livelli con div

    Buongiorno a tutti..
    mi trovo di fronte ad un quesito.

    vorrei creare un menu orizzintale di navigazione al sito.
    Questo menù vorrei che fosse espandibile (passando sulla prima voce si aprano n scelte).
    per esempi :

    link_1 apre a sua volta
    link_1.1
    link_1.2
    e cosi via.

    quello ceh vorrei realizzare è un semplice menu a 'cascata' utilizzando solo regole nel CSS e nell'HTML solo i div.

    1- è possibile fare un menu del genere senza liste? (ho trovato solo liste e tabelle in rete)

    posto qui sotto il codice HTML
    codice:
    <div id="navigazione_mnu">
    	<div class="naviga_tasto_mnu">
    		Home
    	</div>
    	<div class="naviga_tasto_mnu">
    		link_1
    	</div>
    	<div class="naviga_tasto_mnu">
    		link_2
    		<div class="sub_naviga">
    			link_2.1
    			link_2.2
    			link_2.3
    		</div>
    	</div>
    	<div class="naviga_tasto_mnu">
    		link_3
    	</div>
    </div>
    e qui è il mio foglio di stile

    codice:
    /*menu di navigazione*/
    
    div.naviga_tasto_mnu{
    	width:10%;
    	float: left;
    	text-align:center;
    	font-size:15px;
    	border-right:1px solid #FFFFFF;
    	background-color:yellow;
    }
    div.naviga_tasto_mnu a{
    	color:#FF0000;
    }
    div.naviga_tasto_mnu a:hover{
    	color:#FFFFFF;
    	background-color:blue;
    }
    /*Sub menu*/
    div.sub_naviga{
    	display:none;
    }
    div.sub_naviga div.naviga_tasto_mnu a:hover{
    	display:block;
    	background-color:#FF5533;
    }
    /*fine menu di navigazione*/
    qualcuno potrebbe aiutarmi a capire come fare un menu con solo div ... grazie.

    p.s. se il CSS ha dei colori assurdi lasciate stare, me ne occuperò una volta completato il procedimento logico.

    Grazie

  2. #2
    Moderatrice di CSS L'avatar di ResianTaxidrive
    Registrato dal
    Oct 2007
    residenza
    Udine
    Messaggi
    2,766
    Si può fare ma perchè vuoi fare menu senza liste se con le liste è la cosa più corretta?

  3. #3
    Utente di HTML.it L'avatar di tapu
    Registrato dal
    May 2008
    Messaggi
    885
    hummm ... in che senso più corretta?
    io la guardo sul lato pesantezza pagina.

    in ogni caso se conviene usare delle liste per motivazioni di corretto sviluppo farò il tutto con le liste, ma manca questa nozione nel mio repertorio ...

    grazie della risp..

    ciao

  4. #4
    Mi associo pienamente con quanto espresso da @ResianTaxidrive, ovvero sul fatto di utilizzare le liste per realizzare il tuo menu.
    L'uso delle liste, oltre che risultare piuttosto semplice nel caso di menu e sottomenu, è SEMANTICO, vale a dire è il modo corretto di rappresentare in HTML il contenuto di un menu che è, appunto, un elenco di link.
    Se hai già trovato esempi in rete che fanno uso di liste per i menu, li puoi seguire tranquillamente.
    CODENCODE \ Branding \ Design \ Marketing
    www.codencode.it

  5. #5
    Utente di HTML.it L'avatar di tapu
    Registrato dal
    May 2008
    Messaggi
    885
    vi ringrazio... allora il mio lavoro è più semplice

    grazie .... ciao

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.