creazione di sotto menu con css

[ultimo292]

Salve ho un problema, devo creare dei sottomenu con css che al passaggio del mouse su un link mi fa comparire un sottomenu verticalmente sotto al link.

Non so proprio da dove iniziare quindi vi chiedo se avete qualche esempio già fatto se me lo potete mandare, da li riuscirei sicuramente (con l'ausilio di un manuale) ad interpretare il codice.

Grazie mille per ogni intervento CIAO

[salasir]

Guarda questo:
Suckerfish Dropdowns.

Funziona benissimo ed è piuttosto semplice.
Unica nota dolente: IE non gestisce l'hover sull'elemento[*] e quindi necessita di un po' di codice js.

[Another-Life]

Potresti aggiungere brevemente anche questo codice javascript??thx

[salasir]

:master:
Se leggi l'articolo, c'è spiegato anche quello ...

sfHover = function() 
{ var sfEls = document.getElementById("nav").getElementsByTagName("LI"); 
for (var i=0; i<sfEls.length; i++) 
{ sfEls[i].onmouseover=function() 
{ this.className+=" sfhover"; } 
sfEls[i].onmouseout=function() 
{ this.className=this.className.replace(new RegExp(" sfhover\\b"), ""); } } } 
if (window.attachEvent) window.attachEvent("onload", sfHover);

[Another-Life]

Credevo fosse esclusivamente per i sotto menu.

[salasir]

Originariamente inviato da Another-Life
Credevo fosse esclusivamente per i sotto menu.

Infatti!

I sottomenù vengono mostrati come sottoliste (<ul>[*]..) di ogni voce della lista principale al momento dell'hover del mouse.
Purtroppo IE (per ora, e non si sa fino a quando :rollo: ) non gestisce l'hover al di fuori del tag <a> e quindi viene utilizzato questo script per simularlo.

[Another-Life]

Una curiosità veloce: come mai ultimamente è nata la necessita di gestire lo stato :hover su ogni tag[*],quali sono i vantaggi?? :master:

[salasir]

Originariamente inviato da Another-Life
Una curiosità veloce: come mai ultimamente è nata la necessita di gestire lo stato :hover su ogni tag[*],quali sono i vantaggi?? :master:

Cosa intendi dire?
Gli altri browser gestiscono l'hover su molti tag non solo sul[*].

Per esempio su una tabella, sul tag <tr> ti permette di mettere in evidenza la riga su cui ti trovi, e sicuramente se ne avvantaggia l'accessibilità.

Sulle liste ti permette di gestire i sottomenù.

Su altri tag potrebbe venire utile per gestire un rollover disgiunto (passo su un'immagine e mi compare del testo o un'altra immagine) senza dover ricorrere ad un link vuoto, ...

[Another-Life]

Lo so questo....ma il mio caso era specifico.La domanda in poche parole era:

Quale potrebbe essere un esempio utile per rendere un tag[*] soggetto all rollover?

[salasir]

Originariamente inviato da Another-Life
...
Quale potrebbe essere un esempio utile per rendere un tag[*] soggetto all rollover?

Scusa ma non riesco a capire.
Per esempio quello di cui stiamo parlando: un menù a comparsa ..