CSS menu orizzontale dropdown – esempio 1

Menu css dropdown orizzontale che apre una seconda riga con sub-links
Questo menu a misura fissa è creato usando un lista di tipo non-ordinato e liste innestate per contenere i secondi links del menu giocando con la proprietà css visible per nascondere e fare apparire il sub-menu quando necessario. L’effetto ‘roll over’ dei pulsanti fa l’uso d’un unica immagine posizionata con la proprietà css background-position.
Compatibile con IE7, Firefox, Safari, Opera.
Compatibile con IE6, con l’uso aggiuntivo d’un file .httc (incluso nel zip – non applicato nel seguente esempio).
css-menu-esempio-1.zip (5.3 KiB, 9,393 hits)
Mario
Complimenti…menu accattivanti e perfetti.
Grazie mille buon lavoro.
Onsitus
Grazie a te Mario
Leonardo
Grendeeeee. Sto avvicinandomi ai css ed ho trovato in questo sito una miniera di suggerimenti utili e soprattutto del codice css ben commentato. Le mie congratulazioni.
Leonardo
Onsitus
^_^
Very
Ho provato ad inserire il collegamento al file htc nella head nel modo seguente:
body {behavior: url(csshover2.htc);}
ma in diversi test non viene riconosciuto e la pagina va in errore.. esiste un altro modo per avere compatibilità  con IE6 oppure ho sbagliato io qualcosa? Ho anche provato ad inserire la proprietà  nel CSS esterno ma ancora peggio..
Very
specifico meglio.. ovviamente ho inserito il behavior del body all’interno del tag ..
Onsitus
Ciao Very,
hai un link alla tua pagina?
Sembra che hai fatto tutto correttamente e non saprei dirti cosi dove è l’errore.
Very
no la pagina non è ancora pubblicata comunque dovrei aver risolto.. al massimo ti richiedo! GRAZIE MILLE!!
Very
rieccomi a litigare con questo menu ed il problema è sempre con IE6.. non vengono visualizzate le voci di sottomenu anche se è collegato il behavior e con una sola voce ho risolto mettendo menu al posto di menu ma nel caso io abbia più voci, come devo fare? Ora è caricato ma vorrei darti il link in via privata..
Onsitus
Va sul forum (link nel menu in alto) e mandami un mp!
carantia
Come al solito un ringraziamento quando uso qualcosa che imparo da te. Usare questi menu senza javascript rende tutto più semplice e lineare. Complimenti!
assistenza pc roma
Sto usando questo menu, è davvero utile, funzionante e leggro, cosi non ho problemi con javascript. grazie mille
clacla
ciao,
mi affaccio ai css per la prima volta. Ho utilizzato questo menù, e sono molto soddisfatto. Ho però un piccolo (non troppo piccolo) problema:
su alcune voci i sottomenù sono 3, su altre invece arrivano fino a 6. Come posso fare per gestirli? Nel primo caso mi appare la casella nera vuota, nel secondo invece la casella bianca con la voce dentro. Grazie infinite in anticipo per la tua disponibilità e… complimenti!
Onsitus
Ciao Clacla, non sono sicura avere capito il tuo problema. Hai l’esempio online?
D 97
Come dice il mio professore, il programmatore bravo è colui che “ruba” i codici, mentre il programmatore geniale è colui che li crea …
Bruno Tominetti
Buongiorno, ho sperimentato questo menu, molto bello e “leggero”; non c’è la possibilità di avere visibile all’accsesso alla pagina la voce selezionata e relativo sub menu? La mia esperienza con i css è decisamente povera
Grazie mille, a presto e buon lavoro
Bruno
giacomo
non sono molto bravo a spiegarmi ma cercherò di farlo xD..
semmai dimmelo e posto il code completo
allora.. prima devi dare una classe alla lista che vuoi che sia subito mostrata e nel css li dai gli stessi stili delle altre però al posto di metterli display: none (credo ci sia questo.. non ho scaricato il file D= ) li metti display: block
successivamente devi far si che quando metti il mouse sull’interò menù ti passa a display: none
ed infine devi mettere che quando metti il mouse sopra la lista che viene mostrata fin dall’inizio li viene la proprietà display:block
so che non ci si capirà nulla