Problème avec la balise <a>

EnderKnight670 Messages postés 1 Statut Membre -  
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 :)
A voir également:

1 réponse

Pitet Messages postés 2845 Statut Membre 527
 
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