z-index css bearbeitet von brainstuff 02.04.2021 19:35 Hallo Martin, Ich bin mir schon bewusst, dass das viel zu wenig Informationen sind. Aber es ist fast nicht möglich, Dir da den ganzen Code zu schicken, das wäre auch eine Zumutung. Ich habe die CSS von einer anderen Seite genommen, wo in der CSS noch eine Menge Sachen drin stehen, die gar nicht gebraucht werden. Dabei hat es noch viele Sachen, die ich noch nicht rausgeschmissen habe, obwohl die sinnlos für die Seite sind, in der ich diese "Kopfleiste" brauche. Die andere Seite wo das auch rein muss, läuft eigentlich sehr gut, aber ich habe noch nicht ganz verstanden, wieso man da diesen Code nicht davor einfügen kann: ~~~ </head> <div> <body> <div class="navbar-fixed"> <nav> <div class="nav-wrapper"> <a href="/" class="brand-logo" title="brains"></a> <ul class="right hide-on-med-and-down"> <li><a href="/kontakt">Kontakt</a></li> <li><a href="/member login">member login</a></li </ul> <ul class="right show-on-med-and-down hide-on-large-only"> </ul> </div> </nav> </div> ~~~ danach geht es dann ganz normal weiter: <div id="logo06"> ..... (Das ist ein Logo, was dann ganz normal angezeigt wird ..). Hinter dem Logo läuft ein full-screen Video was offenbar als Hintergrund läuft: das Logo steht fest auf dem Video und es hat auch noch ein paar Knöpfe, die auch fest stehen. Wenn man die Seite aber herunterscrollt erscheint noch ein Kasten mit einer Info, der sich dann über die Seite schiebt, wenn man runter scrollt. Das Video, das Logo und die Knöpfe bleiben aber immer am gleichen Platz. Die Nav-Bar müsste einfach den Rand oben bilden wie hier auf meiner Test Seite, wo das läuft; https://mail2vip.com/pxtest/ Die Seite wo ich das dann auch brauche besteht dann aus 3 Niveaus: Im Hintergrund das Video (fullscreen feststehend), dann das feststehende Logo und ein paar Buttons(auch feststehend) aber mit transparentem Hintergrund, damit das Video nicht überdeckt wird. Darüber hat es dann noch eine Zone mit transparentem Hintergrund die, wenn man runterscrollt, einen Kasten mit Text reinschiebt. Das sind dann einfach 4 übereinanderliegende Schichten: ganz hinten das Video, dann die Nav Bar, dann das Logo und ganz oben drauf die "Scheibe" mit dem Kasten den man nur sieht wenn man runterscrollt. Bitte wundere Dich nicht über den Layer mit diesem Kasten, das ist noch keine sehr ausgereifte Idee ... man kann damit zum Beispiel einen 2. screen in das Video ziehen,auf dem Informationen erscheinen, die irgend etwas erklären. Aber wie gesagt ist das eine Idee, die ich ausprobieren will. Ich hoffe einfach, dass Du mir sagst, wo (im CSS) ich das Z-index plazieren muss damit es etwas bewirkt. Ich muss auch noch lernen, wie man unnütze Zeilen aus einem CSS entfernt, damit da keine unnötigen Anweisungen drin stehen die dann vielleicht sogar Sachen im HTML beeinflussen, die schon von einem anderen CSS gesteuert werden. Danke brainstuff PS dieses Forum hat jetzt anscheinend auch gemerkt, dass die Baum-Struktur vom Datei System auch in ganz anderen Bereichen eine ganz tolle Idee ist ...
z-index css bearbeitet von Der Martin 02.04.2021 19:46 Hallo Martin, Ich bin mir schon bewusst, dass das viel zu wenig Informationen sind. Aber es ist fast nicht möglich, Dir da den ganzen Code zu schicken, das wäre auch eine Zumutung. Ich habe die CSS von einer anderen Seite genommen, wo in der CSS noch eine Menge Sachen drin stehen, die gar nicht gebraucht werden. Dabei hat es noch viele Sachen, die ich noch nicht rausgeschmissen habe, obwohl die sinnlos für die Seite sind, in der ich diese "Kopfleiste" brauche. Die andere Seite wo das auch rein muss, läuft eigentlich sehr gut, aber ich habe noch nicht ganz verstanden, wieso man da diesen Code nicht davor einfügen kann: </head> <div> <body> <div class="navbar-fixed"> <nav> <div class="nav-wrapper"> <a href="/" class="brand-logo" title="brains"></a> <ul class="right hide-on-med-and-down"> <li><a href="/kontakt">Kontakt</a></li> <li><a href="/member login">member login</a></li </ul> <ul class="right show-on-med-and-down hide-on-large-only"> </ul> </div> </nav> </div> danach geht es dann ganz normal weiter: <div id="logo06"> ..... (Das ist ein Logo, was dann ganz normal angezeigt wird ..). Hinter dem Logo läuft ein full-screen Video was offenbar als Hintergrund läuft: das Logo steht fest auf dem Video und es hat auch noch ein paar Knöpfe, die auch fest stehen. Wenn man die Seite aber herunterscrollt erscheint noch ein Kasten mit einer Info, der sich dann über die Seite schiebt, wenn man runter scrollt. Das Video, das Logo und die Knöpfe bleiben aber immer am gleichen Platz. Die Nav-Bar müsste einfach den Rand oben bilden wie hier auf meiner Test Seite, wo das läuft; https://mail2vip.com/pxtest/ Die Seite wo ich das dann auch brauche besteht dann aus 3 Niveaus: Im Hintergrund das Video (fullscreen feststehend), dann das feststehende Logo und ein paar Buttons(auch feststehend) aber mit transparentem Hintergrund, damit das Video nicht überdeckt wird. Darüber hat es dann noch eine Zone mit transparentem Hintergrund die, wenn man runterscrollt, einen Kasten mit Text reinschiebt. Das sind dann einfach 4 übereinanderliegende Schichten: ganz hinten das Video, dann die Nav Bar, dann das Logo und ganz oben drauf die "Scheibe" mit dem Kasten den man nur sieht wenn man runterscrollt. Bitte wundere Dich nicht über den Layer mit diesem Kasten, das ist noch keine sehr ausgereifte Idee ... man kann damit zum Beispiel einen 2. screen in das Video ziehen,auf dem Informationen erscheinen, die irgend etwas erklären. Aber wie gesagt ist das eine Idee, die ich ausprobieren will. Ich hoffe einfach, dass Du mir sagst, wo (im CSS) ich das Z-index plazieren muss damit es etwas bewirkt. Ich muss auch noch lernen, wie man unnütze Zeilen aus einem CSS entfernt, damit da keine unnötigen Anweisungen drin stehen die dann vielleicht sogar Sachen im HTML beeinflussen, die schon von einem anderen CSS gesteuert werden. Danke brainstuff PS dieses Forum hat jetzt anscheinend auch gemerkt, dass die Baum-Struktur vom Datei System auch in ganz anderen Bereichen eine ganz tolle Idee ist ...
z-index css bearbeitet von brainstuff 02.04.2021 19:40 Hallo Martin, Ich bin mir schon bewusst, dass das viel zu wenig Informationen sind. Aber es ist fast nicht möglich, Dir da den ganzen Code zu schicken, das wäre auch eine Zumutung. Ich habe die CSS von einer anderen Seite genommen, wo in der CSS noch eine Menge Sachen drin stehen, die gar nicht gebraucht werden. Dabei hat es noch viele Sachen, die ich noch nicht rausgeschmissen habe, obwohl die sinnlos für die Seite sind, in der ich diese "Kopfleiste" brauche. Die andere Seite wo das auch rein muss, läuft eigentlich sehr gut, aber ich habe noch nicht ganz verstanden, wieso man da diesen Code nicht davor einfügen kann: </head> <div> <body> <div class="navbar-fixed"> <nav> <div class="nav-wrapper"> <a href="/" class="brand-logo" title="brains"></a> <ul class="right hide-on-med-and-down"> <li><a href="/kontakt">Kontakt</a></li> <li><a href="/member login">member login</a></li </ul> <ul class="right show-on-med-and-down hide-on-large-only"> </ul> </div> </nav> </div> danach geht es dann ganz normal weiter: <div id="logo06"> ..... (Das ist ein Logo, was dann ganz normal angezeigt wird ..). Hinter dem Logo läuft ein full-screen Video was offenbar als Hintergrund läuft: das Logo steht fest auf dem Video und es hat auch noch ein paar Knöpfe, die auch fest stehen. Wenn man die Seite aber herunterscrollt erscheint noch ein Kasten mit einer Info, der sich dann über die Seite schiebt, wenn man runter scrollt. Das Video, das Logo und die Knöpfe bleiben aber immer am gleichen Platz. Die Nav-Bar müsste einfach den Rand oben bilden wie hier auf meiner Test Seite, wo das läuft; https://mail2vip.com/pxtest/ Die Seite wo ich das dann auch brauche besteht dann aus 3 Niveaus: Im Hintergrund das Video (fullscreen feststehend), dann das feststehende Logo und ein paar Buttons(auch feststehend) aber mit transparentem Hintergrund, damit das Video nicht überdeckt wird. Darüber hat es dann noch eine Zone mit transparentem Hintergrund die, wenn man runterscrollt, einen Kasten mit Text reinschiebt. Das sind dann einfach 4 übereinanderliegende Schichten: ganz hinten das Video, dann die Nav Bar, dann das Logo und ganz oben drauf die "Scheibe" mit dem Kasten den man nur sieht wenn man runterscrollt. Bitte wundere Dich nicht über den Layer mit diesem Kasten, das ist noch keine sehr ausgereifte Idee ... man kann damit zum Beispiel einen 2. screen in das Video ziehen,auf dem Informationen erscheinen, die irgend etwas erklären. Aber wie gesagt ist das eine Idee, die ich ausprobieren will. Ich hoffe einfach, dass Du mir sagst, wo (im CSS) ich das Z-index plazieren muss damit es etwas bewirkt. Ich muss auch noch lernen, wie man unnütze Zeilen aus einem CSS entfernt, damit da keine unnötigen Anweisungen drin stehen die dann vielleicht sogar Sachen im HTML beeinflussen, die schon von einem anderen CSS gesteuert werden. Danke brainstuff
nicht angemeldet nicht angemeldet
