Numerische Listenpunkte

Gelöst towi
(@towi)

vor 1 Jahr, 8 Monaten
Servus Community,

Ich verzweifle an einer numerischen Auflistung im Format:
```
{Bild}

1.1
1.2
1.3

{Bild}

2.1
2.2
2.3
```
etc.

Es gibt keinen Punkt 1 und keinen Punkt 2 etc. Ich habe bislang kein Plugin gefunden, was so etwas und muss es vermutlich irgendwie von Hand hinfummeln. Kann mir das jemand zur Hand gehen, wie man das macht?

Thx & Bye Tom

Ansicht von 14 Antworten - 1 bis 14 (von insgesamt 14)

Moderator Angelika Reisiger
(@la-geek)

vor 1 Jahr, 8 Monaten

Hallo @towi

https://www.w3.org/TR/css-lists-3/#example-0003035e
s. Example 19

Ich habe es nicht ausprobiert, müsste aber funktionieren.

Moderator Angelika Reisiger
(@la-geek)

vor 1 Jahr, 8 Monaten

Ich war neugierig und habe es ausprobiert

Ergebnis:
https://943763.playcode.io/

HTML- und CSS-Code:
https://playcode.io/943763
Thread-Starter towi
(@towi)

vor 1 Jahr, 8 Monaten
Servus Angelika

ich vermute mit einer Ordered List komme ich vermutlich nur soweit, wie deine Beispiele zeigen. Die spezielle Anforderung in diesem Fall ist aber keine übergeordnete Liste zB 1 oder 2[1]:
```
1 sollte es nicht geben
1.1 sollte der erste Punkt sein
```
Ich habe jetzt aber ein passendes Plugin gefunden, welches mir die volle Kontrolle gibt, was in den Listenpunkten steht[2].

[1] https://kb.kastner.de/knowledge-base/trapping-was-ist-das/
[2] https://wordpress.org/plugins/description-list-block/

Thx & Bye Tom
Moderator Bego Mario Garde
(@pixolin)

vor 1 Jahr, 8 Monaten

Eine Lösung mit Definition Terms ist in etwa so gut, wie wenn du die Nummerierung komplett von Hand geschrieben hättest. Aber nun gut … Thread ist als gelöst markiert, viel Erfolg beim Projekt.

Thread-Starter towi
(@towi)

vor 1 Jahr, 8 Monaten

Servus,

das hätte ich auch gemacht, wenn da beim Zeilenumbruch der Text nicht bis unter den Listenpunkt gerutscht wäre. Aber stimmt schon, im Prinzip ist das eine manuelle Nummerierung.

Wie hättest du das Problem gelöst?

Thx & Bye Tom
Moderator Angelika Reisiger
(@la-geek)

vor 1 Jahr, 8 Monaten
Wie hättest du das Problem gelöst?

Falls du keine echte Liste benötigst (Stichwort semantisches HTML) und falls du den Block-Editor benutzt, kannst du es doch ganz einfach damit gestalten.

Hier kannst du dir das ansehen:
https://p216.p3.n0.cdn.getcloudapp.com/items/nOubd8ER/5e6fc992-5f0c-438c-977f-ac7bc8baa8bd.mp4

Und den Abstand zwischen der Nummerierung und dem Inhalt kannst du, wenn du dich an das Video hältst, mit diesem Code ändern
```
.numeric {
    gap: 10px !important;
}
```
Ohne Block-Editor, mit HTML-Eingaben
https://944035.playcode.io/
https://playcode.io/944035/
Moderator Bego Mario Garde
(@pixolin)

vor 1 Jahr, 8 Monaten

Ich hätte mich an die in HTML übliche Numerierung gehalten, also mit

1. Hauptpunkt
1.1 Unterpunkt
1.2 Unterpunkt
1.3 Unterpunkt
2. Hauptpunkt
2.1 Unterpunkt
2.2 Unterpunkt
…

Thread-Starter towi
(@towi)

vor 1 Jahr, 8 Monaten

Falls du keine echte Liste benötigst (Stichwort semantisches HTML) und falls du den Block-Editor benutzt, kannst du es doch ganz einfach damit gestalten.

Das habe ich gemacht aber ich bekomme das 1.1 nicht nebeneinander:

https://i.ibb.co/JKtsmRy/Bildschirmfoto-2022-08-22-um-10-44-28.png

Zeilen nebeneinander und oben ausgerichtet, CSS Klasse numeric definiert und angewandt:

https://i.ibb.co/BVNFnpx/Bildschirmfoto-2022-08-22-um-10-52-09.png

Thx & Bye Tom

Moderator Bego Mario Garde
(@pixolin)

vor 1 Jahr, 8 Monaten

Ich kann die Screenshots kaum erkennen. Du kannst aber grundsätzlich auch bei numerierten Listen eigene CSS-Klassen verwenden und diesen im Style-Sheet eines Child-Themes passende CSS-Regeln zuweisen.

Deine Frage ist hier off topic, wurde aber an anderen Stellen bereits beantwortet, z.B. https://stackoverflow.com/questions/30660943/css-html-create-ordered-list-with-nested-list-that-is-all-aligned-left-but-tex

Thread-Starter towi
(@towi)

vor 1 Jahr, 8 Monaten

https://stackoverflow.com/questions/30660943/css-html-create-ordered-list-with-nested-list-that-is-all-aligned-left-but-tex

Ordered List haben wir doch schon ausgeschlossen, weil es dann mit 1 anfängt und nicht mit 1.1…

Thread-Starter towi
(@towi)

vor 1 Jahr, 8 Monaten

ich weiß zwar nicht was das jetzt mit meiner Frage von heute morgen zu tun hat aber lassen wir es gut sein, ich will keinen Ärger haben. Irgendwie habe ich es ja mit dem Plugin hinbekommen und der Workaround von Angelika hätte mich halt noch interessiert, weil ich dann evtl. das Plugin doch nicht gebraucht hätte…

Trotzdem Danke

Moderator Bego Mario Garde
(@pixolin)

vor 1 Jahr, 8 Monaten

Ordered List haben wir doch schon ausgeschlossen

Haben wir das?

weil es dann mit 1 anfängt und nicht mit 1.1…

https://jsfiddle.net/pixolin/1wuersz4/2/

Moderator Angelika Reisiger
(@la-geek)

vor 1 Jahr, 8 Monaten

@pixolin

klasse 💥, daran hatte ich auch kurz getüftelt, dachte mir schon, dass es irgendwie mit counter-reset sowie ::before und counter-increment gehen müsste. Wollte mich dem noch beizeiten (rein aus Interesse) weiter widmen. Muss ich ja jetzt nicht mehr.

Moderator Angelika Reisiger
(@la-geek)

vor 1 Jahr, 8 Monaten

@towi

Das habe ich gemacht aber ich bekomme das 1.1 nicht nebeneinander:

Entweder du hast einen Schritt ausgelassen oder dein Theme funkt dazwischen, was man anhand eines Screenshots nicht prüfen kann.

Die Lösung von Bego Mario sollte funktionieren.

Ansicht von 14 Antworten - 1 bis 14 (von insgesamt 14)

Das Thema „Numerische Listenpunkte“ ist für neue Antworten geschlossen.

Themen-Schlagwörter

Ansichten