Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it
    Registrato dal
    Nov 2021
    Messaggi
    9

    Come metto link in pulsante con immagine?

    Salve a tutti , io ho creato un pulsante con una immagine solo che non riesco a fare una cosa... Quando lo si preme io vorrei che si venga portato su un sito ma non so come fare, potete aiutarmi voi? Questo è il codice
    codice HTML:
    button onclick="myFunction()"><img src="https://i.ibb.co/jTpWkrD/Screenshot-2022-02-14-16-14-05-00.jpg" style=" width: 330px;"><a href:</button>

  2. #2
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    5,771
    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.
    Installa Forum HTML.it Toolset per una fruizione ottimale del Forum

  3. #3
    Utente di HTML.it
    Registrato dal
    Nov 2021
    Messaggi
    9
    Quote Originariamente inviata da KillerWorm Visualizza il messaggio
    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.

    Hey grazie mille! Ha funzionato alla perfezione e hai capito proprio quello che intendevo.
    Grazie mille per avermi aiutato

  4. #4
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    5,771
    Bene
    allora buon proseguimento
    Installa Forum HTML.it Toolset per una fruizione ottimale del Forum

Tag per questa discussione

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.