Navigationsmenü mit Untermenü gestalten?

    Hallo :)
    ich habe mein zweites Navigationsmenü-Wordpressproblem (letztes Mal habt ihr mir geholfen den Facebook-Like-Button einzubauen :) )
    http://www.wearetheplanet.de/watp/
    Ich würde gerne die bestehenden Pages Listen und Watch als eingerücktes (!) und immer sichtbares Untermenü von "Experience" haben.
    Also habe ich im Wordpress-GUI von den beiden Pages als parents "Experience" eingestellt.

    Dann waren Listen und Watch aus der Navigation erstmal verschwunden und kamen wieder zum Vorschein, wenn man über "Experience" mit der Maus gefahren ist.
    Allerdings waren die beiden Punkte nicht eingerückt und zugleich überlappend mit den anderen Navigationspunkten. Habt ihr ne Idee, wie ich das hinbekomme (eingerückt und immer sichtbar)?
    Ist das ein Div, dass man ändern muss?
    Vielen Dank im Vorraus!

    • Gerade eben
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    Versteht ihr was ich meine? - Wie kann ich mein Problem konkretisieren? Soll ich Bilder hochladen? Soll ich das nicht Funktionierende mal online stellen?

    Zitat von And

    Versteht ihr was ich meine? - Wie kann ich mein Problem konkretisieren? Soll ich Bilder hochladen? Soll ich das nicht Funktionierende mal online stellen?

    einen Link posten, der den Fehler zeigt ist immer gut! ;)

    Die Darstellung hat oft nur mit CSS zu tun, deshalb kann man anhand eines Linkes (der den Fehler zeigt) gut (mit Firebug!) rumprobieren.

    Merksatz:
    Kein Link mit Fehler - kein Helfender mit Bock (zum helfen) :mrgreen:

    Logisch eigentlich.
    Hab mal eine Kopie erstellt - hier sieht man mein Problem:
    http://wearetheplanet.de/test/?page_id=4

    Wie gesagt:
    1.
    Die Unterkategorien sollten in der Navleiste immer sichtbar und eingerückt sein. Außerdem verdecken sie die nächsten Oberkategorien.


    2.
    Auch das Klicken auf die Oberkategorie Z ist ziemlich schwierig (meist klickt man die Unterkategorie an - wobei das ist eigentlich sogar gut, die Oberkategorie Z soll eh keinen Inhalt haben (im besten Fall würd ich den Link für die Oberkategorie Z komplett abschalten)

    okay, leider muss ich jetzt weg (Möbelhäuser durchforsten :sad:), deshalb so auf die Schnelle:
    relative Verschiebungen, d.h. position:relative; mit Werten für top/left sind ganz schlecht geeignet ein stabiles Layout zu bekommen. Deshalb immer raus mit so einem Unfug! :-)
    .menu und .like haben so etwas.
    Alles was display:none; hat wird von den Screenreadern nicht mehr vorgelesen.

    Ich denke du brauchst für die submenüs weder pos. relative/absolute, weil sie ja eh immer zu sehen sein sollen.
    Du mußt ja nur die Listenpunkte des Submenüs entweder z.B. mit padding:left oder text-indent einrücken.

    Firebug (deutsches Tut dazu) hilft dir bei der Analyse. ;)

    Hast du Möbel gefunden? :)
    Danke für deine Tipps- ich hab mir firebug geholt und das tutorial gelesen - aber ich werd net so recht schlau aus meiner Website.
    Ich muss ja irgendwie anscheinend dem untermenü div sagen, dass es nicht nur angezeigt wird, wenn über das andere "gehovert" wird und ich muss außerdem den anderen (oberkategorie-divs) sagen, dass Sie sich unten drunter (unter die Unterkategorien) setzen.
    Seufz- wie fang ich das an- ich hab scho mit Firebug ein bisschen versucht rumzumachen, aber ich raffs einfach net :(

    wie schon gesagt:

    Zitat von koslowski


    relative Verschiebungen, d.h. position:relative; mit Werten für top/left sind ganz schlecht geeignet ein stabiles Layout zu bekommen. Deshalb immer raus mit so einem Unfug! :-)
    .menu und .like haben so etwas.
    Alles was display:none; hat wird von den Screenreadern nicht mehr vorgelesen.

    Ich denke du brauchst für die submenüs weder pos. relative/absolute, weil sie ja eh immer zu sehen sein sollen.
    Du mußt ja nur die Listenpunkte des Submenüs entweder z.B. mit padding:left oder text-indent einrücken.

    das gilt immer noch.
    #access ist rechts oben und das Menü wird mit dieser unsäglichen negativen, relativen Verschiebung nach links rüber vergewaltigt.
    Könnte es sein du das Menü nach dem content eingebunden hast?
    Die Subliste hat überflüssigerweise display:none, float und position absolute;. So wird das sicher nix.

    Du solltest dich vielleicht auch mal um die basics kümmern. ;)

    Du hast völlig recht, mir fehlt es an Basics. Und das tut mir echt Leid bzw. ich schäm mich schon irgendwie, des ich hier so dreist frage. Wenn ich die Zeit, die ich jetzt sinnlos rumprobiert hätte, mit deinen little boxes verbracht hätte, wäre ich vielleicht weiter :(

    Ich hab jetzt alle floats, und relatives und absolutes rausgemacht und dann mit irgendwelchen negativen Margin-Werten wirklich mein Menü positionierten können. Danke an der Stelle für deine Hilfe!

    Aber jetzt kann ich meinen Content nicht mehr rechts daneben setzen. Der will einfach nicht "hoch".
    Kann es sein, dass man hier doch mit relative arbeiten muss? :confused:
    Auch schade ist, dass ich jetzt meine mittige Zentrierung der Page verloren habe. Wie krieg ich die denn wieder hin?

    Wenn du mir hier erstmal nicht mehr helfen willst, ist das natürlich ok -aber ich würd mich sehr freuen... :rolleyes:
    Und ich werde versuchen, wenn ich mal wieder Zeit finde, anstatt dumm rumzuprobieren, das Little-Boxes-Buch zu lesen.
    Gruß
    And

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden