Xmap - Joomla! - CSS Display:none/block;
sbastien60
Messages postés
91
Statut
Membre
-
sbastien60 Messages postés 91 Statut Membre -
sbastien60 Messages postés 91 Statut Membre -
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
- Display going to sleep - Forum Windows
- Edenwood wireless display iphone ✓ - Forum iPhone
- Tv connectée edenwood - Forum TV & Vidéo
- Display name c'est quoi - Forum Mobile