CoupdePouce

Mettre une image à côté des liens

 

Voici la solution pour inserer des petites images à côté des liens.
Ceci dans la  feuille de style CSS.

En dessous de #menu div#rubriques par exemple, dans gestion des blocs du menu, inserez ce code:
#menu div#rubriques a {background:url(url de l'image) no-repeat left top;padding: 0 1px 0 16px;}.

Attention! Pour le bloc "Derniers commentaires" mettez ceci:
#menu div#derniers-commentaires ul li

Si vous voulez mettre l'image à droite des liens, changez seulement left par right et inversez 16px et 1px.
Ne touchez pas 1px, c'est une correction de bug pour Internet Explorer.

Vos commentaires

1 Le Mercredi 12 Septembre 2007 à 21:00 GMT+2, par MCM

Très joli tes petites images à côté des liens!

2 Le Jeudi 13 Septembre 2007 à 06:41 GMT+2, par Jacky

Et oui Marie-Christine, je commence à aimer le CSS!! ;-)

Autres publications sur le sujet

Aucune référence pour le moment.

Vous pouvez faire référence à votre publication en utilisant ce rétrolien

Commenter cet article

*


Pour être sûr... combien font 2 + 6 ? *

Se souvenir de moi


Les champs marqués d'un * sont obligatoires
Votre commentaire sera affiché en texte brut à l'exception des liens