Hallo,
entäuschend für mich stellt sich die derzeitige Entwicklung zu dem o.g. Thema dar.

Ich baue eine wohlstrukturierte Webseite als ambitionierter Laie und muß nun feststellen, dass das wichtigste, die Navigation, im Smartphone nicht richtig funktioniert. Das Dropdownmenue klappt auf und zeigt die Untermenues, aber zum einen klappt es viel zu schnell wieder zu und zum anderen hat der "touch" auf einen Untermenuepunkt oft keine Reaktion zur Folge, manchmal schon nach mehrmaligem getouche.

Was ist das?
Ich bin bisher ohne Javascript ausgekommen. Ich hätte gerne von euch einen Hinweis, ob es nur zuverlässig mit Javascript zu machen ist, oder es über css, oder irgendwelchen anderen Angaben zuverlässig herzustellen ist,dass das Menue nicht gleich wieder zuklappt und die touchauswahl geschmeidig angenommen wird.

Zuerst mal: was verstehst du unter dropdownmenü? Du meinst ein select-Element? Eine reine html-navigation? Die funktioniert im Smartphone perfekt. Das, was viele Laien jedoch machen, ist, dass die die Navigation nur per hover anzeigen lassen. Oder nicht bedenken dass es unterschiedliche Anzeigegrößen gibt und die Navigation irgendwo winzig im Eck pickt.

Wenn du deine Navigation mit :hover löst, wie soll das am Smartphone funktionieren? Wie "hoverst" du über Elemente auf einem touchscreen?
Ja, manche Hersteller zeigen :hover an, wenn man drauf klickt. Aber das kann auch keine Dauerlösung sein.

Du möchtest ohne Javascript auskommen, das geht ohne Probleme. Nur musst du eben auch ohne hover auskommen. Und ja, neue Technologien und neue Geräte erfordern neue herangehensweisen an alte Gewohnheiten. Such nach mobile navigation patterns oder ähnliches in der Suchmaschine deiner Wahl, es gibt zig Lösungen, aber welche du nimmst, musst du wissen.

Und um zum abschluss nochmla auf das "funktioniert nicht" einzugehen: Wie gesagt, zeig alle Links sofort an, dann kann man überall draufklicken und es funktioniert auch alles.

Okay, ich habe mich jetzt lange damit auseinandergesetzt. Tatsächlich gibt es Lösungen, aber zuverlässig ist der hover nur durch Javascript zu händeln, es gibt ein plug-in dafür.

Wenn ich das geahnt hätte, hätte ich die Seite von Anfang an anders strukturiert.

Ich mache das jetzt so, wie du es vorschlägst,kein Javascript und unverschachtelte Listen, das funktioniert.