link su immagine

**flick** · 04-10-2007, 16:05

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.

**Sgro** · 04-10-2007, 16:10

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.

**flick** · 04-10-2007, 16:17

ciao Sgro

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

GRAZIE

**Sgro** · 04-10-2007, 16:47

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

**flick** · 04-10-2007, 17:09

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

**flick** · 04-10-2007, 17:16

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

**cavicchiandrea** · 04-10-2007, 19:28

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>

Discussione: link su immagine

Strumenti discussione

Ricerca discussione

Visualizza

link su immagine

re

re

re

Permessi di invio