Sie haben JavaScript deaktiviert. Vermutlich sind Sie ein Kollege und wollen nur sehen, ob meine Website auch ohne JavaScript funktioniert.
Andernfalls: Bitte aktivieren Sie JavaScript!

webdesign weisshart Startseite

zurück zum Standard-Style

Sie sind hier: Startseite · Artikel · RWD-Menü

Ein responsives, barrierefreies, horizontales, sticky Dropdown-Menü

Hinweis:
Dieser Artikel ist älter als 18 Monate / wurde seit 18 Monaten nicht aktualisiert. Dies kann (muss aber nicht) dazu führen, dass der Artikel, und / oder darin beschriebene Techniken, nicht mehr aktuell sind. Bitte berücksichtigen Sie diesen Hinweis bei der Lektüre.

Kinder, wie die Zeit vergeht!

Vor ca. 4 Jahren habe ich mein erstes responsives, barrierefreies Dropdown-Menü vorgestellt. Das Script hat inzwischen viele Liebhaber gefunden, die damit eigene Seiten gebastelt haben.

CSS bietet inzwischen viele neue Möglichkeiten, die sich auch produktiv einsetzen lassen, weil sie von allen modernen Browsern unterstützt werden.
Exemplarisch seien hier nur genannt: sticky und calc(), sowie die Möglichkeiten, die Media Queries zum Feintuning bieten.

Diese Entwicklung hat mich animiert, ein neues, responsives, barrierefreies, horizontales, sticky Dropdown-Menü zu schreiben, unter Nutzung der neuen Möglichkeiten.

19.02.2023: Neue Version 2.00

Demo mit Feature-Liste.

(Aktuelle Version vom 02.03.2023)

Download

Mit dem Download anerkennen Sie unsere Allgemeinen Geschäftsbedingungen.

readme.txt

Creative Commons Lizenzvertrag

Artikeltexte und Code-Snippets: Creative Commons CC BY-SA 4.0
Medien (Bilder, Videos, Audios) sind evtl. urheberrechtlich geschützt.

3 Kommentare

  1. Wolfgang Böker schrieb am Dienstag, 18.09.18 15:22 Uhr:

    Guten Tag. Ich versuche Ihr Dropdown-Menü zu nutzen. Für die Entwicklung auf emienm lokalen Rechner verwende ich XAMP. Als root-Verzeichnis nutzt XAMP standardmäßig ein Verzeichnis mit dem Namen "htdocs".
    Wenn ich das Dateienpaket "men2" dorthin entpacke, gibt es Fehlermeldungen, die das Fehlen von Dateien in einem Pfad "htdoc" (ohne Schluss-"s") forder:

    Warning: include(D:/xampp/htdoc/men2/includes/navi.php): failed to open stream: No such file or directory).

    Lege ich solches Verzeichnis "htdoc" auf derselben Ebene wie "htdocs" von Hand an und lege dort nochmals das "men2" ab, funkioniert es. Dies ist jeodch keine befreidigende Lösung.

    Wüßten Sie eine Lösung fpr dieses Problem?
    Vielen Dank,
    Wolfgang Böker

  2. Fritz schrieb am Dienstag, 18.09.18 15:56 Uhr:

    @Wolfgang Böker
    vielen Danke für Ihr Interesse am Menü.
    Zur Fehlersuche und -Behebung ist die Kommentarfunktion aber leider zu spröde. Bitte benutzen Sie das Support-Forum:
    https://forum.weisshart.de

  3. Michael Witti schrieb am Samstag, 29.04.23 13:08 Uhr:

    Das Menü ist ja grandios!!
    Ich bin etwas älteren Semesters ... und frage mich, ob das ganze PHP und die Includes für die Suchmaschinen-Optimierung zuträglich sind. Oder wird dies sogar positiv angesehen.
    Ich bin es halt gewohnt, dass die Navi auf allen Seiten direkt zu sehen ist.
    Vielen Dank und viele Grüße
    Michael

Über Ihren Kommentar zu diesem Artikel freue ich mich.
Wenn Sie aber Fragen haben, und eine Antwort erwarten, nutzen Sie bitte das Supportforum! Die Nutzung des Forums ist auch ohne Registrierung möglich.

? Anweisungen zur Eingabe von BB Code Wenn Javascript verfügbar ist, können Sie die obigen Schaltflächen zum Einfügen der folgenden Steuercodes verwenden (an der Cursorposition oder um gegebenenfalls markierten Text):

[b]als wichtig <strong>[/b] hervorgehobener Text
[c]Quellcode[/c] oder optisch hervorgehobenes Zitat