Problème avec la balise <a>

J'ai un problème avec mon code : je voudrais créer une image clicable avec la commande <a href="https://mobile.twitter.com/EnderKnight670" target="_blank"> mais j'ai déjà des boutons reliés avec la balise <a> relié à du CSS.

HTML Concerné :
<a href="https://mobile.twitter.com/EnderKnight670" target="_blank">
<img class="Contact" src="unnamed.png" alt="Twitter">
</a>


CSS Concerné :
a {
width: 300px;
border: 5px solid #CD6155;
padding: 5px;
margin: 5px;
background-color: #CD6155;
color: white;
text-decoration: none;
}


Merci pour votre quelconque aide :)

1 réponse

  1. Bonjour,

    De manière générale, évite si possible d'appliquer un style sur une balise spécifique en css. Préfèrer l'utilisation d'une classe, par exemple :
    /* CSS */
    .lien-bouton {
      width: 300px;
      border: 5px solid #CD6155;
      padding: 5px;
      margin: 5px;
      background-color: #CD6155;
      color: white;
      text-decoration: none;
    }
    


    <!-- HTML -->
    <a href="https://mobile.twitter.com/EnderKnight670" target="_blank">
      <img class="Contact" src="unnamed.png" alt="Twitter">
    </a>
    
    <a href="#" class="lien-bouton">Un autre lien sous la forme d'un bouton</a>
    
    0