Quindi dipende dalla posizione del mouse quando entra sul campo?
Se vuoi fare una cosa solo-CSS hai necessita` di spezzare l'area del link in due (parte dx e parte sin) e se sei sopra una parte il menu si apre da una parte e viceversa.
La cosa puo` essere realizzata tramite mappe e aree, oppure spezzando il link in due.
Esempio Mappe (piu` bello, ma molto piu` complesso):
Poi occorre:codice:<ul ...>[*] <span>testo del link pippo</span> [img]trasp.gif[/img] [*] <span>testo del link pluto</span> [img]trasp.gif[/img] ...[/list] ... <map name="pippomap"> <area shape="rect" coords="0,0,100,30" href="link_pippo_s" alt="sin"> <area shape="rect" coords="101,0,200,30" href="link_pippo_d" alt="dx"> </map>
1. far sovrapporre l'immagine sopra lo <span> (tramite CSS)
2. far aprire a dx se si e` a destra e a sinistra se si e` a sinistra
3. inserire nel codice HTML il secondo livello (non so se si deve mettere dentro il[*] o dentro le <area> )
Per il punto 1 occorre usare i posizionamenti (probabilmente relativi), che servono anche per sistemare la finestra che si apre
Per il punto 2 non si puo` usare il float, ma anche qui occorre usare i posizionamenti
Esempio spezzando il link (piu` semplice da realizzare, ma la divisione tra dx e sin dipende dalla lunghezza di ogni testo):
dove naturalmente occorre dare i posizionamenti corretti ai vari ul di secondo livello (trovi spunto dai menu pronti).codice:<ul>[*] <a href="link_pippo_s">testo di me <ul class="sin">[*] ... [*] ... [/list] </a> <a href="link_pippo_d">ta` link <ul class="dx">[*] ... [*] ... [/list] </a> ...[/list]

Rispondi quotando