Xmap - Joomla! - CSS Display:none/block;

sbastien60 Messages postés 77 Date d'inscription   Statut Membre Dernière intervention   -  
sbastien60 Messages postés 77 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,

J'utilise Joomla! 1.5 avec le module Xmap.

J'ai une hiérarchie de type :

level_0 > level_1 > level_2 > level_3

Je ne touche qu'à la feuille CSS.

J'ai amélioré le code CSS afin que ma hiérarchie se développe au survol de la souris.

Cependant, quand je pose ma souris sur level_0, j'ai TOUS les level_1 qui se développent.

Exemple :

1] Entrées 
	1)Froide 
		a)Salade 
		b)Autres 
	2)Chaude 
		a)Quiches 
		b)Feuilletés 
2] Plats 
	1)Fromage 
		a)Gratins 
		b)Fondues 
	2)Viande 
		a)Boeuf 
		b)Porc 
3] Desserts 
	1)Salé 
		a)Légumes 
		b)Crèpes 
	2)Sucré 
		a)Chocolats 
		b)Glaces 


Je pose ma souris sur 1]Entrées, j'ai tous les 1) et 2) qui se développent, y compris ceux de Plats et Desserts.

Voici mon code CSS :

.xmap ul.level_0 ul.level_1 {
display:none;
}
.xmap ul.level_1 ul.level_2 {
display:none;
}
.xmap ul.level_2 ul.level_3 {
display:none;
}


.xmap ul.level_0:hover ul.level_1{
	display:block;
}
.xmap ul.level_1:hover ul.level_2{
	display:block;
}
.xmap ul.level_2:hover ul.level_3{
	display:block;
}


Hiérarchie HTML :

<ul class="level_0">
	<li>
		<ul class="level_1">
			<li>
				<ul class="level_2">
					<li>
						<ul class="level_3">
							<li>
								<a href="http://blabla.fr/Divers">Divers</a>
							</li>
						</ul>
					</li>
				</ul>
			</li>
		</ul>
	</li>
</ul>


Ma question est donc :

Comment développer uniquement en dessous du level survolé, sans changer le nom des classes ?

ps : J'ai essayé avec les ">" et "+" dans le CSS, rien ne fonctionne.

Comment faire ?

Merci !


A voir également:

1 réponse

sbastien60 Messages postés 77 Date d'inscription   Statut Membre Dernière intervention   7
 
Pas de réponse ? :O
0