Hi =)

bin Quereinsteiger aber lerne immer mehr hinzu...
Nun habe ich folgendes Problem:

Ich muss eine Liste mit select-fields anlegen.
Aktuell:

.wpcf7-list-item-label {
display: inline-flex;
max-width: 182px;
min-width: 181px;
padding-left: 5px;
}

Problem: die ca 40 Elemente werden zwar schön in einer Tabelle angezeigt - sie sind auch alphabetisch hinterlegt / angelegt doch ist die Reihenfolge nur in den Zeilen von links nach rechts.

a-b-c-d-e
f-g-h- i -j
k-l- m-n-o


Ich möchte die Reihenfolge aber gerne von oben nach unten haben!

a-d-g-j-m
b-e-h-k-n
c-f- i- l-o

geht das mit css? Kann mir da jmd helfen?

liebe Grüße
und vielen lieben Dank

Hallo

deine Angaben sind leider recht mager.

Wieso verwendest du inline-flex statt flex? Ich vermute dass du den Unterschied noch mal nachlesen solltest.

Grundsätzlich werden die Einträge in der Reihenfolge wie im Quelltext angezeigt.

Bei flexbox kannst du die Reihenfolge mit der order-Eigenschaft ändern. Nachteilig ist allerdings das bei einer Änderung der Anzahl der Elemente in einer Zeile auch die order-Anweisung angepasst werden muss. Das lohnt deshalb nur wenn sich die Einträge gar nicht oder nur sehr selten ändern.

Die Reihenfolge kann auch mittels Java-Script angepasst werden. Damit kenne ich mich allerdings nicht aus. Außerdem muss für die Besucher ein Fallback erstellt werden, da die häufig JavaScript blockiert haben um Werbung zu unterdrücken.

Ich würde die CSS-Eigenschaft multicolumn statt Flexbox verwenden.

Gruss

MrMurphy

inline-flex habe ich auch schon probiert.

Ich nutze Firebug und habe damit schon etliche Möglichkeiten mit flex-direction, -grow, - flow und -basis durchgespielt, doch keine führte zu einer entsprechenden Anordnung. =/

Was hat bei flex-direction denn nicht gepasst?