Autonome list items

[Rolf B]

Hallo Lusche (echt?),

es ist durchaus möglich, HTML Elemente frei zu positionieren. Dazu verwendet man CSS Eigenschaften wie position: absolute zusammen mit top und left.

Das ist nicht das Problem. Problem ist vielmehr, was beim verändern des Viewports (das Browserfenster) oder beim Skalieren der Seite passiert. Sicherlich möchtest du, dass die Anordnung um die Lampe herum erhalten bleibt. Und da wird es kompliziert, weil es sehr viele mögliche Viewports gibt.

Allein schon sicherzustellen dass die Lampe stets sichtbar ist, egal wie großdas Fenster ist, oder ob das Handy hoch oder quer gehalten wird, ist nicht ganz trivial. Fang mal damit an. Es gibt etliche CSS Eigenschaften für den Hintergrund (background-...), die du dafür brauchst. Und du wirst vermutlich rechnen müssen, damit das klappt, dazu hat CSS die calc Funktion.

Achte auch auf korrekte viewport Angaben im head Bereich.

Rolf