Problème avec la balise <a>

EnderKnight670 Messages postés 1 Date d'inscription   Statut Membre Dernière intervention   -  
Pitet Messages postés 2845 Statut Membre -
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. Pitet Messages postés 2845 Statut Membre 530
     
    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