Css menu gratuito orizzontale dropdown a 3 livelli

Friday 19 June 09 by Onsitus in CSS Menu

Css menu gratuito esempio 15

Revisione del primo esempio di css menu orizzontale dropdown.
Questa nuova versione, altro avere un sub livello extra, si adatta in larghezza al suo contenuto testo e i link rimangono selezionati man mano che si scende di livello.

Visualizza questo css menu orizzontale dropdown a 3 livelli…

Provato su IE6+, Firefox2+, Safari3+, Opera9+, Google Chrome su Windows

NB: Contrariamente agli altri menu dropdown postati in precedenza, la compatibilità con Internet Explorer 6, non è stata raggiunta usando un file .htc ma usando commenti condizionale nella struttura html per permettere di conservare lo stato selezionato dei link.

  css-menu-15.zip (1.8 KiB, 1,382 hits)

4 commenti

Rimani aggiornato con il RSS Feed

{ 1 trackback }

Css menu gratuito orizzontale dropdown a 3 livelli
07.03.09 at 05:43

{ 3 comments… read them below or add one }

xxgoblin 06.22.09 at 09:21

Grazie mille!
Penso che lo userò a breve!!

xxgoblin 06.23.09 at 14:08

Ciao Onsitus, mi potresti spiegare come fai a tenere selezionati anke i primi link ? Non riesco a capire quale regola CSS usi ..
Grazie mille !!

Onsitus 06.23.09 at 19:17

Buonasera,
lo stato selezionato funziona via il selettore dei link diretti e di primo livello con il :hover > a
Quel selettore non è supportato da IE6, per quello i commenti condizionali. Fanno in modo che i sublink siano incluso nel link principale per ricreare lo stesso effetto.

Scrivi un commento

You can use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Previous post: Ombreggiatura testo in css