Bouton dans la balise div

J'ai un div en bas de page, et je veux placer des liens vers divers sites de médias sociaux en elle. Actuellement, j'ai:

<div id="footer">
    <button type="button"
       onclick="href='window.location.https://www.facebook.com'">
       <img class="socimage" src="Facebook_icon.jpg"/></button>
</div>

Je suis en utilisant un bouton de la balise parce que la main qui a été le moyen le plus facile je pense également ajouter une image et l'ai mis à une feuille de style css. Le problème est que le lien ne fonctionne pas. Je suis sûr que le style sage, il y a un meilleur moyen, peut-être à l'aide de formes, mais je suis un peu rouillé sur le code html. Aussi comme je l'ai dit je veux plus d'un bouton, donc si je dois utiliser un form étiquette, je ne veux pas le lien à l'intérieur de cette balise

  • Vous devez éviter d'utiliser un button comme un lien hypertexte. Bouton sémantique est de publier des informations pour le serveur, alors que le lien sémantique est d'OBTENIR. Je vous recommande de modifier votre balisage et d'utiliser un <a><img /></a> tag
InformationsquelleAutor Ryan Sayles | 2013-06-03
  1. 3

    Je suis en utilisant un bouton de la balise parce que la main qui a été le moyen le plus facile je pense également ajouter une image et l'ai mis à une feuille de style css.

    Il ne l'est pas. Le plus simple est d'utiliser un lien régulier:

    <a href="https://www.facebook.com"><img class="socimage" src="Facebook_icon.jpg"></a>

    Le problème est que le lien ne fonctionne pas

    Votre JavaScript est une grosse erreur de syntaxe. Si vous souhaitez utiliser JS pour rediriger le navigateur, alors vous avez besoin de attribuer un chaîne à location:

    location = "https://www.facebook.com/";
    • Merci!!!! Comme je l'ai dit, il a été un certain temps depuis que j'ai fait en html, je ne peux pas croire que j'ai oublié quelque chose comme ça.
    InformationsquelleAutor Quentin
  2. 2

    Vous l'utilisez mal -- la manière correcte serait:

    <button type="button" onclick="location = 'https://www.facebook.com'"><img class="socimage" src="Facebook_icon.jpg"/></button>

    Cependant, il serait préférable de simplement utiliser un <a> balise, juste comme ça:

    <a href="https://facebook.com"><img class="socimage" src="Facebook_icon.jpg"></a>
    • +1 pour onclick=""
    InformationsquelleAutor gustavohenke
  3. 0

    La meilleure solution pour cela est d'utiliser un a étiquette plutôt que button

    <div id="footer">
  <a href="https://www.facebook.com/"><img class="socimage" src="Facebook_icon.jpg" /></a>
</div>

    Si vous avez besoin de maintenir le bouton de mise en œuvre pour une raison quelconque, il y a une erreur dans votre onclick code. Il doit être:

    onclick='location.href="https://www.facebook.com/"'
    InformationsquelleAutor iblamefish