fab

:active verschwindet ja leider nach dem Klick direkt wieder. Was mir an deinem Vorschlag nicht gefallen hätte ist dass je nach Browser doch wieder ohne JavaScript gar nichts passiert. Ich glaube aber wenn ich nochmal vor der Entscheidung stünde würde ich das in Kauf nehmen und in diesen Fällen das Menü so anzeigen dass alles sichtbar ist (Minimaldesign ohne Einschränkung der Funktionalität - wie es auch der IE6 zu sehen bekommt)

__________________
PHP Blog + Library
CSS Effects + Tools

Mister Ad

Extremefall

SelfHTML hat eine wunderbare Navigation, die auf reinem CSS basiert und auch auf dem iPod funktioniert. Wenn jemand den Link braucht, bitte melden. Ich habe ihn gerade nicht zur Hand.

Danke, jetzt geht es.

nikosch

Klar, je nach Browser. Das ist aber bei jedem Workaround so.

Wär cool, wenn Du den nachreichen kannst.

__________________
--
One pixel is still too big. Please make it smaller. ASAP.

Initiative Mittelstand.
Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers.
--

tr0y

SelfHTML ist von A-Z mit relativ unaufwändigen Links zugenagelt was das navigieren angeht... Die ham' nicht mal nen Hovereffekt ^^

Oder meinst du irgendeins der Beispiel-Codes innerhalb der Dokumentation ?

__________________
Lasse mir ohne Anwendung von Gewalt Dinge schenken, Amazon weiß darüber bald mehr.

Extremefall

http://de.selfhtml.org/css/layouts/n...onsleisten.htm
Dort das vorletzte Beispiel.

tr0y

Achso, ja, das Beispiel kenn ich. Stimmt die ist rein CSS-basierend.

Die Methode verlässt sich allerdings auf etwas das nicht jeder Browser der mobilen touch-basierenden Geräte macht, wie auf dem WeTab z.b.:

Nicht jedes mobile Gerät setzt einen virtuellen Cursor den du mit deinem gegriffel auf dem Tablet an den letzten touch-Punkt verschiebst. Was ja auch das generelle Problem ist.

Außerdem würde jedes mobile Gerät das als Touchpad arbeitet die URL aufrufen die hinter dem Link steckt der das jeweilige Drawer aufklappt, statt den Drawer-Hover durchzuführen. Da href's vorrang vor hover-definitionen haben ( Eher gesagt HTML hat Vorrang vor CSS-Styles, was ja bis auf wenige Ausnahmen ( !important ) auch auf die CSS-Kaskade zutrifft. )

Ein Workarround hier wäre das du:
- Entweder per Javascript eine Touchpad-Brücke schaffst, die Drawer erst aufklappt und beim erneuten "antouchen" des selben Links den link erst öffnest ( location.href [on] element.drawer.isOpen == true )
- oder per CSS und PHP eine Touchpad-Brücke schaffst, die Drawer per virtualisiertem Cursor öffnet und auf den Link des eigentlichen Drawers verzichtest, diesen quasi in den Drawer selbst als oberstes Element replizierst.
- oder per PHP eine Zwischenseite öffnest die bei Drawern dazwischen gestellt wird in der man auswählen kann was von dem drawer oder den link des drawer selbst öffnen kann.
- oder per Javascript / CSS eine Gestik-basierende Methode einbaust, die die Drawer bei einer bestimmten Gestik öffnet / schließt und dies an dem jeweiligen Drawer-haltenden Element kennzeichnest ( mit einem "Pfeil nach unten" oder so )

Alles in allem, rein von der Browserlogik her, dürfte die reine CSS-Methode nicht auf jedem Touch-basierendem System laufen, solange die Browser nicht durch die bahn mit virtuellem Cursor arbeiten, sondern mitunter nur Element-Events triggern.

__________________
Lasse mir ohne Anwendung von Gewalt Dinge schenken, Amazon weiß darüber bald mehr.