Se abbiamo un div vuoto che ha però un determinato sfondo (per es. un bottone), come posso rendere questo div linkabile, anche se vuoto?

Poichè questa è una tecnica che utilizzo spesso per i template che creo, e poichè le prime volte che cercavo di risolvere questo problema vagavo inutilmente per internet per cercare una soluzione, ora che l’ho trovata la posto qui, nel caso possa servire a qualcuno.

Nell’html inserire questo codice nel div che si vuole rendere link. Come vedete, il link inserito all’interno è vuoto.

—HTML—
<div id=”linkable_block”><a href=”#”></a></div>

Nel Css inserire il codice seguente:

—CSS—
.linkable_block {background:url(back.jpg); width:200px; height:100px; }
.linkable_block a { width:100%; height:100%; display:block; }

Il link occuperà tutto lo spazio del div (100%) in altezza e larghezza.

In questo modo il div diventerà un link.

Fonte: Matteo Gallinucci