Positionnement du menu déroulant CSS à plusieurs niveaux

Question

Je développe un site Web linked here avec des menus déroulants à 3 niveaux (principal et 2 sous-niveaux). Je développe avec MODx cms et Wayfinder pour la création de menu. Le CSS est choisi quelque part, fortement modifié et fonctionne, mais je ne comprends pas 1 détail.

Quand vous regardez le menu du site: l'extrême droite élément menu principal ("liens ") ->Liens 1.2, le sous-menu 2e niveau de" Links 1.2" pops bien à la gauche de . le 1er sous-menu de niveau (à l'intérieur du plus léger contentbody

les sous-menus de niveau 2 sont positionnés par un « gauche: 120px (1 largeur de l'article). où elle compense et elle se déplace vers la droite Voir par exemple » Beeld & geluid "->" Audio "-> Sous-menu de 2ème niveau

Pour ce sous-menu le plus à droite apparaissant à l'intérieur du contenu, il fonctionne par en le décalant vers la gauche en utilisant un décalage négatif: Gauche: -240px; (qui est la largeur de articles)

Ce qui me manque est: pourquoi ce décalage négatif doit être 240px 2 articles au lieu de 1 point de 120px. Le dernier est ce que je m'attendais. Le CSS contient des commentaires et les lignes concernées sont 155 -161 dans le fichier css (vous devez l'obtenir du site car en tant que nouvel utilisateur, je ne peux pas ajouter un second lien car les nouveaux utilisateurs sont limités à 1 lien au maximum)

question:

quelqu'un peut-il me l'expliquer? Le décalage négatif de 2 au lieu de 1 article?

Meilleures salutations,

Hans Troost

Answer 1

Ce qui arrive est que dans le premier menu déroulant, la liste-éléments sont définis relativement. Ensuite, le second ul va là-dedans, mais est positionné absolument et en accord avec les éléments (à droite dans tous les cas). Cependant, parce que le sous-sous-menu sous l'élément «liens» tomberait du site Web, il est positionné à gauche -240px. Pas -120px, car il serait placé en haut du premier sous-menu. Cela a-t-il du sens?

-------------------------------------- 
Top item 1 | top item 2 | top item 3 | 
-------------------------------------- 
         | sub item 1 | 
      ---------------------------* * * * * * * 
      | subsubitem | sub item 2 | subsubmenu * <-- this is the ul that is positioned 
      ---------------------------* * * * * * *  absolute 
      -240px  -120px  0px   120px 

conclusion

Donc, mon point est que la ul est positionné au même endroit, mais les années li sont déplacés vers la gauche. Et donc il faut -240px car il est positionné par rapport à l'ul.