
Originariamente inviata da
KillerWorm
Ciao, partiamo dal fatto che di norma elementi <a> e <button> non possono stare uno dentro l'altro, ne va della validità del markup HTML.
Le soluzioni sono principalmente due:
- inserire <img> dentro un semplice elemento <a> e impostarne il relativo href come un comune link;
codice HTML:
<a href="tuo_url"><img src="tua_immagine" alt="vai alla pagina"></a>
- inserire <img> dentro un <button> e usare JavaScript per forzare il browser a cambiare indirizzo attraverso
window.location.href:
codice HTML:
<button onclick="window.location.href='tuo_url'"><img src="tua_immagine" alt="vai alla pagina"></button>
Se l'intento è solo quello di avere un normale link che punta ad una qualsivoglia pagina, l'uso di un elemento <a> è quello più appropriato.
Ad ogni modo non è troppo chiaro il motivo per cui vorresti avere una immagine dentro un <button>; se si tratta solo di ottenere un aspetto grafico come quello di un bottone, questo è possibile farlo comunque applicando un minimo di CSS all'elemento <a>.
Fai sapere.