2009-08-25 10 views
0

Cerveau geler ici. Ce que je veux faire est d'avoir le lien du menu déroulant Suckerfish pour être actif sur la page actuelle dans le menu déroulant ainsi que le premier article.CSS Suckerfish et les éléments actifs supérieurs

I.e. ci-dessous, dans l'élément de menu Articles, j'aimerais que le premier élément "Articles" soit actif en même temps que Categoryone ou Categorytwo est actif. (Archives est un élément de menu à un seul niveau, inclus ici juste votre information.)

Je php mis en place pour générer une balise body avec le titre de la page, la balise body pour la Categoryone page est <body id="Categoryone">

HTML:

<ul class="sf-menu"> 

<li id="Archives-menu" class="current"><a href="http://mydomain.com/archives/" title="Archives">Archives</a></li> 

<li id="Articles"><a href="" title="Articles">Articles</a><ul> 

<li id="Categoryone-menu" class="current"><a href="http://mydomain.com/categoryone/" title="Categoryone">Categoryone</a></li> 
<li id="Categorytwo-menu" class="current"><a href="http://mydomain.com/categorytwo/" title="Categorytwo">Categorytwo</a></li></ul></li> 

</ul> 

CSS:

#Archives #Archives-menu a, #Categoryone-menu #Categoryone-menu a, #Categorytwo-menu #Categorytwo-menu a 

{ 
color:#fff; 
} 

Si je jette cela dans #Articles #Articles-menu a pour essayer de faire des articles actifs, puis tous les maillons de la d abaisser sont actifs.

Répondre

0

Vous n'avez pas donné beaucoup d'informations sur ce que vous essayez de faire. Mais voici ma conjecture: Votre sélecteur est éteint. Essayez ceci:

#Archives a , #Archives-menu a , .current 
{ 
color:#fff; 
} 

Retirez également la classe actuelle de ces éléments et l'ajouter à l'élément approprié de manière dynamique lorsque l'utilisateur est sur la bonne page. (Peut-être que Sukerfish le fait pour vous?)

Questions connexes