Appliquer un CSS sur menu

Hello,

Je bataille depuis hier pour faire afficher une image en background sur un menu.

Le site : URL SUPPRIMEE

Dans le menu supérieur, nous allons prendre Les Lapins

Dans le code c'est :

Code:

---

<li id="menu-item-19" class="ico2 menu-item menu-item-type-post_type menu-item-object-page">

---

la class ico2 a été ajouté dans un style dans le header.

qui est :

Code:

---

1 2 3

.main-menu ico2 a { background:url(/icones/male1.png) no-repeat 0.5em 0.5em transparent; }

---

Mais impossible de faire appliquer cette class, rien n'apparait. De plus je suis pas sûr du container .main-menu car il y en a plusieurs dans cette zone.

Bref avec Firebug certains verrons plus clairement.

Bonjour,
attention a ta façon de déclarer tes classes

Code:

---

1 2 3

.main-menu ico2 a { background:url(/icones/male1.png) no-repeat 0.5em 0.5em transparent; }

---

n'a pas grande significaton, il te faut écrire

Code:

---

1 2 3

.main-menu, .ico2, a { background:url(/icones/male1.png) no-repeat 0.5em 0.5em transparent; }

---

à lire Comment appliquer plusieurs styles à un élément ? et encore Comment les CSS s'appliquent aux éléments (X)HTML

Arf en effet ! Je te remercie je me mélangeais un peu les pinceaux entre ce qui étaient nécessaires pour plusieurs class et / ou avec ID.

Maintenant c'est dans le sous-menu que je n'arrive pas.

http://www.lacompagniedeslapins.com/

Sous-menu "Lapin", il devrait y avoir des icones à côté de "Male", "Femele", mais dans firebug mon style apparait barré.

Code:

---

1 2 3

.menu-menu-top-container, .sub-menu, .male a { background:url(/icones/male.png) no-repeat 0.5em 0.5em transparent; }

---

Je dois manquait quelque chose sur les container précédent. :cry:

Citation:

---

Envoyé par thibotus01

Je dois manquait quelque chose sur les container précédent. :cry:

---

sûrement un problème de spécificité des sélecteurs.