Ich bin gerade dabei, ein mobiles Menü zu basteln. Dazu habe ich schon ein paar Dinge aus Tutorials umgesetzt, so dass es bereits die Funktionsweise hat, die ich haben möchte.
Testweise habe ich die Seite hier hochgeladen:
Testseite
Macht man das Fenster schmäler, erscheinen die drei Balken für das mobile Menü. Beim Öffnen erscheinen drei Unterpunkte (Listenelemente). Um die weiteren Unterpunkte zu öffnen, gibt es das "+", das, wenn es nicht speziell positioniert worden wäre, einfach unterhalb von "Radsport" stünde, da dieses "+" ein div ist, das direkt nach dem Link "Radsport" steht. Ich habe nun durch position: relative versucht, dieses div da hin zu schieben, wo ich es haben möchte, was auch ganz gut klappt - allerdings bleibt da trotzdem eine Lücke.
Im Internet lassen sich dazu auch viele Tips finden (so wie das Verschieben durch negative margins, wie ich das gemacht habe, etc.), allerdings bringe ich damit die Lücke nicht weg.
Hat jemand eine Idee, wie ich das schaffe? Oder gibt es eine andere (einfache
) Möglichkeit, das so hinzubekommen, wie man sich so ein mobiles Menü eben vorstellt?
EDIT: Und mit einfach meine ich nicht, einfach etwas komplett fertiges oder einen Baukasten zu nehmen, auch wenn das natürlich einfach wäre.
Sondern eben selbst geschrieben und so, dass ich es selbst verstehe, weshalb das nun so ist.