Div cliccabile

[E|ena]

ho un div con contenuti vari (img, span, altri div)
come posso renderlo cliccabile?
vorrei che sia interamente cliccabile e quando ci passo sopra cambia il colore dello sfondo

[pastoweb]

Puoi fare una roba così:

<a href="link.htm" style="display:block;">
<div></div>
</a>

In realtà dandogli il display:block; il tag <a> si comporta come un div, quindi il div interno potrebbe anche essere superfluo

[E|ena]

ma è valido mettere un a intorno ad un elemento?
la regola non è <tag><a></a></tag>?

[pastoweb]

Nel momento in cui rendi il link un elemento block ci puoi mettere dentro quello che vuoi, poi non so cosa ne pensino i validatori, comunque funziona .

Al limite come tag contenitore all'interno del link (se proprio ti serve) potresti usare lo span, probabilmente è più corretto.

[copsteve]

Potresti fare anche così:

<div id="stile_div">
<a id="stile_link" href=...></a>
</div> 

#stile_div{
width: auto;
height: auto;
}

#stile_link{
display: block;
width: 100px; /* Qui imposti la larghezza opportuna */
height: 200px; /* Qui imposti l'altezza opportuna */
background: ...
ecc
ecc
} 

[fcaldera]

Originariamente inviato da copsteve
Potresti fare anche così:

<div id="stile_div">
<a id="stile_link" href=...></a>
</div> 

#stile_div{
width: auto;
height: auto;
}

#stile_link{
display: block;
width: 100px; /* Qui imposti la larghezza opportuna */
height: 200px; /* Qui imposti l'altezza opportuna */
background: ...
ecc
ecc
} 

decisamente meglio che non linkare il div (se puoi usare questa soluzione)

al massimo definisci altezza e larghezza del div e dai 100% di width e height al link

[pastoweb]

Si, come dicevo dando display:block al link ed usandolo come box contenitore (ovviamente con le relative dimensioni) il div interno può essere superfluo.
In questo modo però alche il div esterno con dimensioni "auto" mi sembra inutile...