ajouter une image sur le lien

[Laférosse]

Bonjour, j'ai ajouté un lien vers twitter en bas du forum mais j'aurai voulu lui associer une petite image(symbole twitter). Merci par avance.

[MlleAlys]

Bonjour,
Vous pouvez ajouter ce code à votre css, en remplaçant image.jpeg par l'adresse de l'image voulue.
Si vous souhaitez que l'image soit derrière plutôt que devant le lien, remplacez "before" par "after".
Il est également possible de rajouter des marges ou de régler la position de l'image si besoin.

Code:

#page-footer a[href*="twitter.com"]:before {
  content: url(image.jpeg);
}

[Laférosse]

Merci beaucoup MelleAlys. Il reste un petit réglage : faire un petit espace entre le sigle et le mot twitter et descendre l'image pour quelle soit au même niveau.

[Laférosse]

Up

[MlleAlys]

Pour l'espace, ajouter une marge avec margin, et pour la hauteur, régler vertical-align :

Code:

#page-footer a[href*="twitter.com"]:before {
  content: url(https://zupimages.net/up/23/03/wi5o.png);
  vertical-align: middle;
  margin-right: 5px;
}

[Laférosse]

C'est parfait. Merci beaucoup. Une belle soirée à vous.