Pagina 2 di 2 primaprima 1 2
Visualizzazione dei risultati da 11 a 13 su 13
  1. #11
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    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):
    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>
    Poi occorre:
    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):
    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]
    dove naturalmente occorre dare i posizionamenti corretti ai vari ul di secondo livello (trovi spunto dai menu pronti).
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  2. #12
    grazie davvero Adesso purtroppo non posso lo provo in serata

  3. #13
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Ho dimenticato di aggiungere che la realizzazione puo` essere semplificata tramite JS, ma il principio resta lo stesso, per cui il mio consiglio e` di realizzarlo tramite codice HTML+CSS almeno per un link; l'estensione a tutti puo` essere poi fatta utilizzando JS.

    Nota: non e` banale, e se non trovi le cose gia` fatte in un framework (cosa di cui dubito) avrai necessita` di conoscere bene JS per realizzarlo.

    Forse e` piu` semplice fare la cosa lato server (PHP, ASP, JSP, ...)
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.