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, 3,858 hits)
{ 3 trackbacks }
{ 11 comments… read them below or add one }
Complimenti…menu accattivanti e perfetti.
Grazie mille buon lavoro.
Grazie a te Mario
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
^_^
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..
specifico meglio.. ovviamente ho inserito il behavior del body all’interno del tag ..
Ciao Very,
hai un link alla tua pagina?
Sembra che hai fatto tutto correttamente e non saprei dirti cosi dove è l’errore.
no la pagina non è ancora pubblicata comunque dovrei aver risolto.. al massimo ti richiedo! GRAZIE MILLE!!
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..
Va sul forum (link nel menu in alto) e mandami un mp!
Come al solito un ringraziamento quando uso qualcosa che imparo da te. Usare questi menu senza javascript rende tutto più semplice e lineare. Complimenti!