[Résolu] Compatibilité IE et Mozilla sur classe définie dans CSS

Bonjour,

Je réalise un menu déroulant dynamique et je cherche à appliquer un marqueur à l'item (sous-menu) en cours.

Pour ce faire, j'affecte une classe à ce dernier dans mon code php
Ce qui donne quelque chose comme ceci (en simplifiant)

<ul><li><a class=\"menactif\" ...

Et dans mon CSS, je déclare la classe

.menactif {
background:url("images/puce.png") no-repeat 5 5;
}

Le code fonctionne sous IE et pas sous Firefox ...
Voilà ... si quelqu'un a déjà eu ce genre de problème ...
Modifié par newscoco (11 May 2005 - 16:26)

En definissant la classe comme suit, ça marche

.menactif {
background-image:url("puce.png");
background-repeat: no-repeat;
background-position: 5 5;
}

si quelqu'un sait pourquoi !

As tu un exemple en ligne ?

Sinon, je suis à peu près sûr que ça doit pas marcher avec ta 2eme méthode. Enfin, si en partie, le positionement de ton background ne dois pas marcher.

La raison, c'est que tu n'as pas mis d'unité pour tes "5", c'est 5 patatas, 5 brocoli, 5 pixels, ... ?

Donc dans le 1er cas, rien ne marche parceque toute la déclaration est sur la même propriété et qu'une des valeur est eronnée donc rien ne marche.
Dans le second cas, les 2 premières propriétés fonctionnent mais la dernière j'en doute TRES fortement

Merci !
Effectivement, c'était une erreur stupide, en rajoutant px ça marche

#menu li a.menactif {
background: url(images/puce.png) no-repeat 5px 5px;
}

Concernant la deuxième ecriture ça fonctionne chez moi (mais bon, c'est sans grand intérêt)

Tu es sûr que le décalage de 5px en haut et en bas se fait ??

Ca me parait vraiment étrange Enfin, l'essentiel, c'est que ça marche

Oui, le décalage est ok ...

Je ne comprends pas pourquoi ça ne marcherait pas ?

Donc quelquechose m'échappe ...

Oui à moi aussi

T'as un exemple en ligne ?

Non désolé,

je suis en cours de dev en local

bientôt j'éspère