Problème avec la balise <a>

Fermé
EnderKnight670 Messages postés 1 Date d'inscription mercredi 12 janvier 2022 Statut Membre Dernière intervention 12 janvier 2022 - 12 janv. 2022 à 15:42
Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 - 12 janv. 2022 à 17:09
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 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 524
12 janv. 2022 à 17:09
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