Mettere un LINK ad un contenitore

[cristal83]

Salve,

allora vi mostro il codice prima di tutto:

------CODICE NEL CSS ESTERNO------------------------------
#div_img_info a {
background-image:url('../img/div_info.gif');
position:absolute;
width:215px;
height:200px;
left:10px;
top:20px;
}
#div_img_info a:hover {
background-image:url('../img/div_info_hover.gif');
cursorointer;
}
------------------------------------

e poi:

-------CODICE NELLA PAGINA-----------------------------
<div id="div_img_info">[img]img/spacer.gif[/img]</div>
------------------------------------

Allora, come potete vedere faccio un giochetto con l'hover cambiando l'immagine di sfondo. Il problema mi sorge che l'intero div deve poter essere un'area cliccabile e mi sono arrangiato con l'immagine bruttissima spacer.gif.

Esiste un modo per evitare l'immagine?

Grazie mille

Ciau ^^

[fcaldera]

Prova così:

per il tag <a> imposta

display: block;
width: larghezza del div contenitore
height: altezza del div contenitore

elimina l'immagine, ma per non lasciare l'elemento A vuoto inserisci comunque un testo e poi lo nascondi con

text-indent: -999em;


Ciao

[cristal83]

Grazie mille,
tutto oki

Sei stato molto gentile...

Ciau^^