[RÉGLÉ] Item de menu actif

[zookd]

J'ai créé un site avec Joomla et jusque là tout allait bien.
Cependant je suis bloqué.

Il m'est impossible de mettre en avant l'item de menu en cours.
J'ai lu plusieurs choses à ce sujet mais rien ne marche. Je ne comprend pas bien comment cela fonctionne.
Les solutions que j'ai trouvé sur les forums n'explique pas vraiment. Quelques personnes préconisent d'ajouter a:current ou alors a:active.

Mon site est simple de ne comporte qu'un seul menu horizontal principal. J'utilise Joomla 2.5.
J'ai créé mon propre template en repartant de zéro.
J'utilise le module de base de Joomla pour mon menu.

Vous pouvez voir mon site ici

Voici mon CSS pour le menu:

/*** topmenu ***/
#topmenu {
  font-family: Avenir, Arial;
  font-size:25px;
  width:100%;
  height: 30px;
  padding: 0; margin:10px 0;  
  text-align: center;
}

#topmenu li {
  background: #F0EFEC;
  display: inline;
  list-style: none;
}

#topmenu li a {
  color: #404040;
  text-decoration: none;
  display:inline-block;  
  margin: 0 30px;
}

#topmenu li a:hover {
  background-color:#BF75B1;
  color: #F0EFEC;
}

#topmenu li a:current {
  background-color:#BF75B1;
  color: #F0EFEC;
} 

Si quelqu'un peut me donner une solution et me l'expliquer aussi ça serait génial
Merci d'avance

[lefabdu51]

Re : Item de menu actif

essaye #topmenu li a:active {mes propriétés} vu que tu souhaites cibler l'item actif.

[zookd]

Re : Item de menu actif

Merci de ta réponse.
J'avais déjà essayé cette solution mais ça ne marche pas.

Je ne comprend vraiment pas pourquoi. Quelque chose m'échappe.

[lefabdu51]

Re : Item de menu actif

firbug dit quoi? la propriété qui s applique dépend de quel sélécteur?

[zookd]

Re : Item de menu actif

Je ne connaissais pas firbug.
Je viens de l'installer mais je ne comprend pas trop comment ça marche.
Pour l'instant il ne me dit rien du tout.

Je ne sais pas non plus ce qu'est un sélecteur. Je vais continuer à faire des recherches.

[zookd]

Re : Item de menu actif

Je viens donc de réussir à utiliser firebug.
Les éléments de menu ont des sélecteurs comme suis:

<li class="item-136">
<li class="item-138">
<li class="item-149">
<li class="item-147 current active">
<li class="item-144">
<li class="item-139">

Seulement je ne sais pas quoi mettre dans mon CSS maintenant.
J'ai essayer li current active {} mais ça ne marche pas.

Je continue d'essayer et je vous tiens au courant.

[zookd]

Re : Item de menu actif

C'est bon j'ai trouvé.

C'était donc:
#topmenu li.active a {}

c'est top firebug

Merci encore !!