Menu déroulant différentier deux catégories

Version imprimable

09/07/2011, 13h27
Invité

Menu déroulant différentier deux catégories

Bonjour à tous ,

Je suis en train de créer un site internet pour une multigaming , nous avons pris un contrat avec hostpapa pour héberger ce site internet , donc nous commençons à coder le site mais nous avons un problème avec le menu que nous intègrerons par la suite au site avec un frameset .

Donc voici mon problème :

j'ai créé un petit menu de 2 grosses catégories ( jeux gratuit / jeux payant )

le problème c'est que niveau javascript je ne m'y connais pas trop et j'ai bidouiller un code trouvé sur un autre site.

mais moi j'ai créer 2 images pour différencier ces catégories et quand je fais mes test c'est soit les 2 catégories prennent la même images , ou ensuite je change un peu le code JS et les images apparaissent bien mais un des deux menu ne défilent plus , j'ai tester plein de chose mais là je cale :D

Donc si une âme charitable passe dans le coin et puissent m'aider ce serait sympas !

c'est à vous les pro du javascript !

Merci d'avance

PS : lien pour le menu sur notre hébergeur : http://semperfi-multigaming.fr/sitehost/FPS/MENU.HTML

Bonjour,
dans ton code on trouve 2

Code:

1
2
3
<li class="toggleSubMenu">
  <a title="Afficher le sous-menu" href=""> +</a>
  ...

et l'on trouve dans le CSS

Code:

1
2
3
#navigation .toggleSubMenu a, #navigation .toggleSubMenu span.payant {
  background-image: url(FPS_Image/menufpspayant/payant.png);
}

déplace le background-image sur les balises A en leur affectant une class différente, par exemple

Code:

1
2
3
4
5
6
.jeuxpayant{
  background-image: url(FPS_Image/menufpspayant/payant.png);
}
.jeuxgratuit{
  background-image: url(FPS_Image/menufpspayant/gratuit.png);
}

et dans ton code tu écris

Code:

1
2
3
4
5
6
7
8
<ul id="navigation">
  <li class="toggleSubMenu">
    <a class="jeuxpayant" title="Afficher le sous-menu" href=""> +</a>
  </li>
  <li class="toggleSubMenu">
    <a class="jeuxgratuit" title="Afficher le sous-menu" href=""> +</a>
  </li>
</ul>

11/07/2011, 01h51
Invité

Merci à toi problème résolu !