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 -
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 :
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 :
Hiérarchie HTML :
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 !
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:
- Xmap - Joomla! - CSS Display:none/block;
- Display fusion - Télécharger - Divers Utilitaires
- Wireless display edenwood iphone - Forum TV & Vidéo
- Connecter iphone sur tv sans fil ✓ - Forum iPhone
- Display name c'est quoi - Forum Mobile
- Display going to sleep - Forum Windows