Visualizzazione dei risultati da 1 a 8 su 8

Discussione: immagine cliccabile

  1. #1

    immagine cliccabile

    ciao mi servirebbe sapere come posso rendere cliccabili le varie voci del seguente menù considerando che ho la seguente immagine
    http://www.paginasuccessiva.it/prova.html
    il problema è che ogni singola voce deve indirizzare a link diversi. come devo mettere i tag a href? grazie per l'aiuto

  2. #2
    Forse non ho inteso bene...
    Nel link che hai postato le voci presenti sul menu puntano già a pagine diverse.
    CODENCODE \ Branding \ Design \ Marketing
    www.codencode.it

  3. #3
    si lo so il problema è che io ho solo l'immagine e devo sistemargli i link. io traffico un pò con i css e html ma non ci riesco.
    ho richiamato l'immagine con img src.....
    il problema è che non so come creare una classe per ogni tasto per poi linkarli

  4. #4
    Devi entrare nel codice HTML e vedrai che l'immagine è realizzata come mappa immagine il cui codice è
    codice:
    <map id="_mappa" name="mappa"> 	
    <area shape="poly" coords="245,202,259,208,273,212,290,218,287,233,285,245,283,259,283,272,283,284,285,302,287,319,292,334,295,348,287,376,262,375,256,364,253,353,246,338,241,321,237,300,236,278,235,260,237,242,239,224," href="http://www.paginasuccessiva.it/Redazione" alt="" title=""   /> 	
    <area shape="poly" coords="247,198,292,212,300,194,308,178,317,162,330,148,343,133,357,121,372,108,387,101,397,96,367,54,353,60,331,76,316,90,301,103,291,118,275,134,268,150,257,166,250,183," href="http://www.paginasuccessiva.it/Scritture" alt="" title=""   /> 	
    <area shape="poly" coords="375,50,387,70,400,92,426,85,451,78,479,77,505,77,525,83,543,88,557,92,584,51,567,43,531,32,504,30,475,29,449,29,423,35,399,41," href="http://www.paginasuccessiva.it/Grafica" alt="" title=""   /> 	
    <area shape="poly" coords="591,53,578,72,564,94,587,107,611,125,631,143,650,168,663,194,670,213,693,203,710,198,700,171,689,146,672,122,649,98,631,79,611,65," href="http://www.paginasuccessiva.it/Comunicazione" alt="" title=""   /> 	
    <area shape="poly" coords="674,219,711,206,719,230,719,254,719,286,715,314,708,338,697,371,656,373,666,352,676,324,681,287,679,262,675,240," href="http://www.paginasuccessiva.it/Assistenza" alt="" title=""   />  	
    </map>
    Come noti, ci sono gli href per ogni <area>. Inserisci lì la destinazione del link e hai fatto.
    CODENCODE \ Branding \ Design \ Marketing
    www.codencode.it

  5. #5
    ho capito adesso grazie mille ciao ciao

  6. #6
    ho ancora qualche problema. ho inserito il seguente codice subito dopo il tag per l'inserimento dell'immagine ma non mi mette i link. non sono attivi però html dovrebbe comunque riconoscerli. devo dargli qualche proprietà con i css?


    <map id="_mappa" name="mappa">
    <area shape="poly" coords="245,202,259,208,273,212,290,218,287,233,28 5,245,283,259,283,272,283,284,285,302,287,319,292, 334,295,348,287,376,262,375,256,364,253,353,246,33 8,241,321,237,300,236,278,235,260,237,242,239,224, " href="http://www.paginasuccessiva.it/Redazione" alt="" title="redazione"/>
    <area shape="poly" coords="247,198,292,212,300,194,308,178,317,162,33 0,148,343,133,357,121,372,108,387,101,397,96,367,5 4,353,60,331,76,316,90,301,103,291,118,275,134,268 ,150,257,166,250,183,"
    href="http://www.paginasuccessiva.it/Scritture" alt="" title="scritture"/>
    <area shape="poly" coords="375,50,387,70,400,92,426,85,451,78,479,77, 505,77,525,83,543,88,557,92,584,51,567,43,531,32,5 04,30,475,29,449,29,423,35,399,41,"
    href="http://www.paginasuccessiva.it/Grafica" alt="" title="grafica"/>
    <area shape="poly" coords="591,53,578,72,564,94,587,107,611,125,631,1 43,650,168,663,194,670,213,693,203,710,198,700,171 ,689,146,672,122,649,98,631,79,611,65," href="http://www.paginasuccessiva.it/Comunicazione" alt="" title="comunicazione"/>
    <area shape="poly" coords="674,219,711,206,719,230,719,254,719,286,71 5,314,708,338,697,371,656,373,666,352,676,324,681, 287,679,262,675,240,"
    href="http://www.paginasuccessiva.it/Assistenza" alt="" title="assistenza"/>
    </map>

  7. #7
    nell'immagine hai messo usemap="#mappa"??

    codice:

  8. #8
    usemap era sbagliato c'era usemap="Map"
    grazie mille dell'aiuto ciao ciao

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 © 2025 vBulletin Solutions, Inc. All rights reserved.