Page 1 of 1

Navigation

Posted: Sat Dec 14, 2024 7:24 pm
by jmm@meyermonsees.de
Hallo,
ich kann leider nicht so gut English sprechen und schreiben, daher versuche ich es in deutscher Sprache.
Ich habe eine Masterseite erstellt und dort eine Navigationsleiste installiert. Diese funktioniert soweit ganz gut, bis auf, dass ich wenn ich auf einen Button der Navleiste klicke diese sich mit mehreren Links öffnet sich aber hinter allen Objekten im Hintergrund zeigt. Die Leiste in der Reihenfolge nach Vorne zu setzen zeigt kein Ergebnis. Ich kann die Links nur sehen, wenn auf der Webseite kein Text oder sonstiger Inhalt vorhanden ist.
Auch verdecken Formale die runtergeklappte Navleiste.

Kann mir Jemand helfen, was ich tun muss, dass ich die ausgeklappten Links der Navleiste immer im Vordergrund habe und benutzen kann?

Viele Dank
Tom

Re: Navigation

Posted: Sat Dec 14, 2024 7:58 pm
by BaconFries
As it is a English speaking forum it is asked you write or try to so it benefits all users or use the likes of "Google Translate" Note if you need help is best to provide a copy a "Demo" of your project this is the .wbs and provide a url to download from.
How do I share my project to get help?

Re: Navigation

Posted: Sat Dec 14, 2024 11:31 pm
by BaconFries
As this is a "English" speaking forum I can only reply in it...OK with the help of "Gemini AI" I think this is what you have asked.
Hi, I've created a master page with a navigation bar. When I click on a nav button, the dropdown menu appears behind other elements. I've tried bringing it to the front but it's still hidden. How can I make the dropdown always appear on top?
Thanks,
Tom
If after trying Move to Front/Move Forward on object's that have to have a higher position in the page and it still shows behind then, you can add the "navigation" to a page header then set it to use in front of the content or add a z-index to the navigation by inserting the following between the <head></head> in Page HTML. Note you will need to change #nav_menu to match your ID of the menu

Code: Select all

<style>
#nav_menu
{
   z-index: 9999 !important;
}
</style>