icone en face des catégories

[willippon]

Voilà mon problème j'ai inséré une image en face des mes catégories dans le css grâce au background (1 image identique à chaque catégorie) :

div#categories_block_left ul.tree li {
width: 200px;
padding-left:30px;
border: none;
background: black url('../img/picto.jpg')no-repeat;
font-weight:bold;
font-size:15px;
line-height:13px;
margin-bottom:15px;

elle s'affiche sans problème sous safari, Mozilla, opéra, mais bien sur IE fait la forte tête et cela ne fonctionne pas, elle ne s'affiche pas.

1 - Quelqu'un saurait il pourquoi ?

2 - Existe t il une solution pour pouvoir avoir une image différente par catégorie ?
J'ai suivi ce post http://www.prestashop.com/forums/viewthread/10947/P15/modules_tiers/mettre_une_icone_en_face_de_chaque_categorie
et la solution de pshopexpert me parait intéressante mais serait il possible d'approfondir l'explication ?

[darkjeff]

div#categories_block_left ul.tree li {
width: 200px;
padding-left:30px;
border: none;
background: black url('../img/picto.jpg') no-repeat;
font-weight:bold;
font-size:15px;
line-height:13px;
margin-bottom:15px;

tu as oublié un espace en ) et no-repeat.

Sinon il faut que tu ajout un id à chaque li dans le fichier TPL ton module blockcategorie. après tu attaque via le css comme tu as fait là. Il y a une variable smarty qui te permet d'afficher l'id du liens. Je l'ai déjà fait mais je ne me souviens pour du nom de la variable...

[darkjeff]

id="subcategorie{$node.id}"

voilà j'ai retrouvé la variable

[willippon]

arf ^^ si simple

merci

[darkjeff]

C'est souvent des truc très con, tellement que l'on passe du temps à les trouver