Come rendere un div linkabile
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
Questo post mi ha aiutato parecchio. Era da un’ora che vagavo disperatamente in cerca di una soluzione. Grazie mille.
Yo
Bene, sono contenta che ti sia stato d’aiuto