Immagine con menù a tendina

di
dragons89
il
6 risposte
D
dragons89
Pochi posts
Iscritto da
mag, 2013
Messaggi:
46

Immagine con menù a tendina

Salve vorrei sapere se c'è un modo per creare un'immagine che al click compari un menù a tendina che si possono inserire diversi URL!!??

6 Risposte

  • D
    dragons89
    Pochi posts
    Iscritto da
    mag, 2013
    Messaggi:
    46

    Re: Immagine con menù a tendina

    Nessuno sa rispondermi???
  • D
    dvaosta
    Molto attivo
    Iscritto da
    lug, 2012
    Messaggi:
    962

    Re: Immagine con menù a tendina

    Si può fare o usando solo html e css, anche se la comparsa avverrà al passaggio del mouse anziché al click, mettendo immagine + menu (che sarà un elenco di link all'interno di un div) all'interno di un link con href="#" e id="pippo".

    a questo punto, per far comparire/riscomparire il link devi impostare le seguenti proprietà:
    
#pippo div { display:none; }
#pippo:hover div {
    display:block;
    z-index:1;
 }
    poi applichi qualche altra regola per regolare la posizione del div.

    Altrimenti usi javascript, ma in tal caso posta la domanda nell'altra sezione.
  • D
    dragons89
    Pochi posts
    Iscritto da
    mag, 2013
    Messaggi:
    46

    Re: Immagine con menù a tendina

    Ti ringrazio per la risposta ma non ho ben capito come usare questo codice! XD mi potresti fare un esempio?? io di solito uso questo codice

    <a href="il_mio_link">
    <img src="link_immagine" width="100" height="150" />
  • D
    dvaosta
    Molto attivo
    Iscritto da
    lug, 2012
    Messaggi:
    962

    Re: Immagine con menù a tendina

    Devi scrivere una cosa simile: 
    
<a href="#" id="pippo">
    <img src="link_immagine" />
    <div>
        <a href="link1"></a>
        <a href="link2"></a>
    </div>
</a>
    mentre il codice css che ho scritto nell'altro post lo metti magari in un file esterno che colleghi a questo mettendo nell'head: 
    <link rel="stylesheet" href="indirizzo_css.css" />
    ciao
  • D
    dragons89
    Pochi posts
    Iscritto da
    mag, 2013
    Messaggi:
    46

    Re: Immagine con menù a tendina

    Non mi funziona! in pratica:

    <a href="#" id="pippo">
    <img src="www.....Logo8.jpg" />
    <div>
    <a href="link.com/"></a>
    <a href="link.com"></a>
    </div>
    </a>

    mi compare solo l'immagine e se clicco mi va solo nel primo link!
    e poi io ho un altro problema l'immagine io la inserisco dentro un marquee:

    <marquee onmouseover="this.stop()" onmouseout="this.start()">
    <a href="link"><img src="link immagine" width="100" height="150" /> </a>

    </a></a></marquee>

    e se inserisco il tuo codice tutte le immagini che ci sono dentro marquee, da che scorrono in orizzontale in sequenza, scorrono sempre in orizzontale ma sono messe l'una sotto l'altra. e l'immagine nel tuo codice non c'è ma l'immagine deve avere le dimensioni width="100" height="150

    Ti ringrazio per il tuo aiuto
  • D
    dragons89
    Pochi posts
    Iscritto da
    mag, 2013
    Messaggi:
    46

    Re: Immagine con menù a tendina

    Ci sono riuscito da solo...! Grazie lo stesso!
Devi accedere o registrarti per scrivere nel forum
6 risposte