Drop-down menu zonder absolute positioning

[tijmenamsing]

Hallo,
ik ben bezig met het maken van een horizontaal drop-down menu. Maar anders dan bij de meeste dropdown menu's wil ik dat wanneer er op een menu-item is geklikt het pad naar dit item zichtbaar blijft. Het dropdown menu moet dus blijven staan in dat geval, ook wanneer de muis weer van het menu af gaat.

Om de sub-menu's goed te plaatsen heb ik position: absolute gebruikt maar het nadeel hiervan is dat het menu dan onderstaande content overlapt. Omdat ik wil dat het menu blijft staan wil ik dit niet en moet de content die zich onder het menu bevindt dus een stukje omlaag geduwd worden wanneer het menu in gebruik is. Ik heb al wel wat geprobeerd met een vergrote margin bij hover en onclick maar ik vraag me af of er niet iets makkelijker is om absolute te vervangen.

bvd

[RobIII]

tijmenamsing schreef op zondag 01 januari 2012 @ 23:34:
maar ik vraag me af of er niet iets makkelijker is om absolute te vervangen

Gebruik een (manier van) positioning die je submenu's niet uit de flow haalt

[koendenb]

Denk dat je hiervoor beter javascript kunt gebruiken?

[ Voor 28% gewijzigd door koendenb op 04-01-2012 16:31 ]