Partage
  • Partager sur Facebook
  • Partager sur Twitter

Ancre sur un button HTML

Sujet résolu
    26 mars 2020 à 9:00:40

    Bonjour, 

    Dans mon projet de CV HTML/CSS. 

    J'ai réussis à faire des liens de type ancre avec des balises de ce type 

    <a href="#ancreformation" class="aformation">Formations<a>

    Puis j'ai découvert les bouttons et je me suis dit super je vais savoir faire des ancres avec un bouton. 

    Mais malheureusement cela ne fonctionne pas comment procéder ? 

    (je me suis dit que je devait remplacé le a par button, assez simpliste comme réflexion)

    Exemple de mon HTML: 

    <button href="#ancreformation" class="aformation">Formations</button>

    <button href="#ancretalent" class="atalent">Talents</button>

    <button href="#ancreexperience" class="aexperience">Experiences</button>

    <button href="#ancrecontact" class="acontact">Contacts et pdf</button>

    Avec une des ancres:

    <h4 id="ancrecontact" >CONTACTS ET LIENS</h4>

    Comment trouvé la solution ? 

    Merci, 

    • Partager sur Facebook
    • Partager sur Twitter
      Staff 26 mars 2020 à 9:06:49

      Bonjour,

      les ancres sont faits avec des liens, des balises <a>, et rien d'autre ;)

      Un <button>, c'est fait soit pour soumettre un formulaire (si on spécifie un type="submit", ou pas de type) ; soit pour être utilisé avec du JavaScript (avec un type="button").

      Pourquoi veux-tu remplacer tes <a> par des <button> ? Si c'est pour l'aspect visuel, il te suffit de jouer avec CSS afin de donner une apparence de bouton à tes liens.

      • Partager sur Facebook
      • Partager sur Twitter
      Pas d'aide concernant le code par MP ni par mail, le forum est là pour ça :) Postez votre code html et css (bouton '</>') !!
        26 mars 2020 à 9:16:54

        Oui, 

        Je vais devoir le faire en CSS si cela n'est pas possible. 

        Je me demandais si cela fonctionnerais. 

        Merci, 

        9h56: Résultat, encore un peu de design mais la forme est la. 

        (Et j'ai mit un s à catégories :p)

        -
        Edité par Foo Tec 26 mars 2020 à 10:02:20

        • Partager sur Facebook
        • Partager sur Twitter
          Staff 26 mars 2020 à 10:56:56

          Bonne continuation !
          • Partager sur Facebook
          • Partager sur Twitter
          Pas d'aide concernant le code par MP ni par mail, le forum est là pour ça :) Postez votre code html et css (bouton '</>') !!

          Ancre sur un button HTML

          × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
          • Editeur
          • Markdown