Pulldown? Menü für meine HP

    Hi,

    habe mal wieder ein Problem mit meiner HP. Schaut sie euch doch erstmal unter http://www.germania08rosslau.de an. Jetzt möchte ich meine linke Navileiste ein wenig überarbeiten.

    Wenn man jetzt mit der Maus über einen Menüpunkt kommt wechselt die Farbe des Hintergrundes. Also ein einfacher Rolover effekt.

    [Blockierte Grafik: http://www.germania08rosslau.de/menue1.jpg]

    Nun habe ich vor, daraus eine Art Pulldown Menü zu basteln. In etwa sollte dieses so aussehen:

    [Blockierte Grafik: http://www.germania08rosslau.de/menue2.jpg]

    Geil wäre noch wenn der Hintergrund des Menüs leicht transparent wäre. Außerdem kann es ein wenig kleiner sein.

    Ich habe schon in unzähligen Foren nach Hilfe gesucht. Wenn ich mal ein brauchbares gefunden hatte bin ich beim Einbinden in meine HP verzweifelt.

    Ich hoffe hier kann mir jemand weiterhelfen.

    Nein, das löst sein Problem nicht, denn der Aufklappteil befindet sich in einem anderen Frame. Das ist in etwa ao, als wenn du zwei Fernseher nebeneinander stellst und auf beiden laufen verschiedene Programme.
    Nun streckt einer seine Hand auf dem linken Fernseher nach rechts aus und sie soll dann auf dem rechten Fernseher sichtbar werden, ohne daß das Hintergrundprogramm geändert wird.

    Ich fürchte, es gibt dafür keine funktionierende Lösung. Man könnte es sicherlich mit Javascript hinzaubern, allerdings nur so lange, wie der Teil im rechten Frame nicht gescrollt wird/werden kann.

    In deinem Fall sieht es glücklicherweise etwas anders aus, die funktioniert wie ein Ferneseher mit PIP-System (Picture ind Picture). Dein Content liegt in einem Iframe und das Iframe ist ja gar keijn riichtiges Frame, sondern ein "Fernseher im Fernseher", d.h. wir haben tatsächlich nur einen einzigen Vordergrund und nicht mehrere wie bei einem Frameset.

    Nun kann man Problemlos Ebenen über das Frameset legen - allerdings müssen die richtig positioniert werden. Aus diesem grund müssen die Untermenüs eigene Tabellen sein, die von der Struktur des HTML gleich in die allererste Tabelle gelegt werden. Nur so haben wir bei verschieden grossen Bildschirmauflösungen immer einen einheitlichen Bezugspunkt, trotz relativer Positionierung.

    Über ein Javascript wird die gewünschte Tabelle mit dem Untermenü danneinfach bei Mausklick eingeblendet oder ausgeblendet, jenachdem welchen Link man anklickt.

    So sieht das ganze dann aus: http://web306.server3.webplus24.de/testseiten/germania/index.htm
    Realisiert ist das ganze nur bei den Menüpunkten "Aktuell" und "über uns", in den jeweiligen Untermenüs ist nur der erste Link mit einer echten Seite verlinkt, beim Anklicken der anderen Unter-Verweise gibt es eine Fehlermeldun da die Seiten noch nicht existieren.

    Kopiere dir einfach den Quelltext von der index.html und versuche ihn zu verstehen - wenn das nicht klappt, dann frag einfach wieder.

    Have fun! :roll:

    G.a.d.M.

    Ronald

    Werde mich heut abend da mal ran setzen. Ist es auch möglich, dass sich das Untermenü öffnent wenn man mit der Maus drüber fährt?

    Ob Klick oder Mousover macht keinen Unterschied - jedenfalls nicht beim Öffnen des Menüs. Nur beim automatischen Schließen des Menüs wird es etwas komplizierter, denn wenn du mit der Mouse über das Untermenü fährt, soll es sich ja nicht sofort schließen (du verläßt dann ja den Butten des Hauptmenüs = Mouseout)

    G.a.d.M.

    Ronald