Comment appliquer des icônes à des liens en utilisant css?

Question

Je me demandais comment puis-je ajouter des images à des liens avec css compatible avec les navigateurs FF, IE et Opera?

Answer 1

Régler le fond sur l'icône de votre lien et le rembourrage à la largeur de votre icône.

a { 
    padding-left: 10px; 
    background: transparent url(link_icon.png) no-repeat center left; 
} 

Answer 2

Ajoutez un background-image au lien.

Vous pouvez utiliser les marges, le remplissage et background-position pour modifier l'affichage de l'image d'arrière-plan.

Answer 3

a { 
    display:block; 
    width:10px; 
    height:10px; 
    background:url(/images/image.png) 0 top; 
    padding-left:5px 
    } 

Contexte position de votre coordonnée x à 0 puis pavé le côté gauche de la balise