Visualizzazione dei risultati da 1 a 7 su 7

Discussione: link su immagine

  1. #1
    Utente di HTML.it L'avatar di flick
    Registrato dal
    May 2007
    Messaggi
    208

    link su immagine

    ciao a tutti,
    dunque, ho richiamato un immagine su una pagina grazie al seguente codice css:

    #bodymiddlePan{width:800px; position:relative; margin:0 auto; padding:0 0px; background:url(foto-guida.jpg) 30px 75px no-repeat;}

    ora però vorrei far si che l'immagine in questione diventi un link, e cioè che quando l'utente va sopra con il cursore possa cliccarla e a quel punto scaricare un file pdf associato al link.
    ecco, volevo sapere come dovrebbe cambiare il codice qui sopra per realizzare ciò.
    Ovviamente, se avessi potuto mettere l'immagine fdirettamente sulla pagina sensa richiamarla sarebbe stato tutto più semplice, ma per forsa di cose ho dovuto adottare la tecnica quì sopra.

    fatemi saper

    GRAZIE.

  2. #2
    1) Questo stile a che tipo di tag viene applicato?
    2) Il tag anchor (<a>) è il tuo unico metodo HTML di poter linkare qualcosa. Altrimenti devi affidarti all'evento onclick() di javascript, ma comunque in puro CSS non puoi fare nulla.

    Ciao.

  3. #3
    Utente di HTML.it L'avatar di flick
    Registrato dal
    May 2007
    Messaggi
    208

    re

    ciao Sgro

    dunque l'immagine in questione è contenuta in un semplice tag <div> puro e semplice.
    si può fare ?

    GRAZIE

  4. #4
    La soluzione è racchiudere il tag che vuoi rendere clicckabile in un tag <a>. Il div però non è un tag consentito all'interno di <a>.

    E comunque se hai modo di mettere le mani nell'html, ti consiglio la classica soluzione del tag <img> circondato dal tag <a> è la più semplice e anche corretta dal punto di vista semantico.

    Ciao

  5. #5
    Utente di HTML.it L'avatar di flick
    Registrato dal
    May 2007
    Messaggi
    208

    re

    ahimè come ti accennavo prima, non posso risolverla a livello di html.
    vorrei utilizzare la tecica javascript che mi dicevi sopra... (onclick() di javascript.
    come funziona esattamente? hai un codice esatto da farmi vedere?

    GRAZIE

  6. #6
    Utente di HTML.it L'avatar di flick
    Registrato dal
    May 2007
    Messaggi
    208

    re

    ciao sapete indicarmi com associare l'evento onclick alla regola css che sto utilizzando e che ho digitato all'inizio di questo post?

    fatemi sapere GRAZIE

  7. #7
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,134
    codice:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
    <style type="text/css">
    <!--
    #bodymiddlePan{width:800px; position:relative; margin:0 auto; padding:0 0px; background:url(foto-guida.jpg) 30px 75px no-repeat;cursor:pointer;}
    
    -->
    </style>
    <script type="text/javascript">
    function Link(){
    self.location.href='tua_pagina.html';
    }
    </script>
    </head>
    <body>
    <div id="bodymiddlePan" onclick="Link()">Proviamo</div>
    </body>
    </html>
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

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.