4.12.7 - Formular: Label und Input-Feld vertauschen

[olli1770]

Wurde zwar schon mehrfach im Forum gepostet, aber die Lösung per CSS finde ich nicht.
Mit dem Vereinswechsel von 3 -> 4 hat sich scheinbar die Reihenfolge von INPUT und LABEL in Formularen geändert, z.B. im Kommentarmodul oder beim Ändern von eigenen Nutzerdaten. Das sieht ziemlich durcheinander gewürfelt aus, da zuerst das Label kommt und dies leider unterschiedlich lang ist.

Ich hätte es gerne wieder so, wie in Version 3, aber einfach tauschen im template geht ja nicht mehr. Aus meiner Sicht hat man es hier verkompliziert, aber hey.

input,
label {
 float: left;
 display: block;
}
label {
 width: /* Feste Breite */
} {
}

Funktioniert leider nicht.
Hat Jemand die Lösung?

Stehe auf dem Schlauch.
Vielen Dank im Voraus.

[Spooky]

Also im HTML war das label sicher schon immer vor dem input. Es sei denn du hattest angepasste Templates.

Per CSS kannst du sowas mit flex oder grid und order steuern.

[olli1770]

So wie im Bild hier sah es immer in der Version 3 aus und ich hab nicht am template rumgefummelt.
Selbiges gilt für Nutzdaten ändern.

Das es mit CSS geht, habe ich gelesen, aber bei google finde ich nichts brauchbares und ich bekomme es nicht hin.

Bildschirmfoto 2022-02-21 um 19.50.17.png

[fiedsch]

Wie ist denn die Reihenfolge im Quelltext auf der Site, von der Du den Screenshot gemacht hast. Wenn sie dort anders ist, als angezeigt, kannst Du Dir im dortigen CSS anschauen, wie es gemacht wurde.

[olli1770]

In der Version 3 konnte man einfach im template die parameter tauschen.
In Version 4 wird das in einer Schleife zusammengebaut.

[cliffparnitzky]

Da gibt das "form_row" Template, was in der Schleife angewendet wird.

Aber wie Spooky schon schrieb: das ist die Reihenfolge schon so.

[olli1770]

So, statt lange mit CSS rum zu probieren, habe ich im genannten Template einfach die Reihenfolge getauscht.
Läuft und wird bisher auch nur dort verwendet, also es ist nicht meine ganze Seite durcheinander gewürfelt.
Danke