27.08.2020, 16:49
|
|||
|
|||
Ol mit korrekter Nummerierung in zweiter Ebene
Hallo, ich finde nicht, wie man einer Liste beibringt, dass sie bei der Nummerierung den Oberpunkt mit anzeigt - so:
1.erster Punkt 1.1. erste Unterpunkt von 1 1.2. zweiter Unterpunkt von 1 2.zweiter Punkt 2.1. erster Unterpunkt von 2 2.2. zweiter Unterpunkt von 2 Ich schaffe es nur, dass bei den Unterpunkten immer wieder nur bei 1 angefangen wird 1.erster Punkt 1. erste Unterpunkt von 1 2. zweiter Unterpunkt von 1 2.zweiter Punkt 1. erster Unterpunkt von 2 2. zweiter Unterpunkt von 2 Vielen Dank für eure Hilfe! Irmen 
|
| Sponsored Links |
|
27.08.2020, 19:57
|
||||
|
||||
|
Das kannst du zum Beispiel mit Pseudo-Elementen und Countern lösen:
Code:
ol {
list-style: none;
counter-reset: outer;
}
ol > li::before {
counter-increment: outer;
content: counter(outer)'.';
padding-right: .25em;
}
ol li ol {
counter-reset: inner;
}
ol ol li::before {
counter-increment: inner;
content: counter(outer)'.'counters(inner, '.');
padding-right: .25em;
}
|
| Sponsored Links |
|
03.09.2020, 09:59
|
|||
|
|||
|
Vielen Dank für die Hilfe!!
Ich konnte das jetzt so ähnlich umsetzen. Woran ich leider wieder scheitere ist, dass ich es nicht schaffe, die Nummerierung VOR den Text zu setzen, so wie ich es aus list-style-position kenne. Das scheint aber nur für <ul> zu funktionieren. Wie geht das bei <ol> - verzeihung, wenn ich total auf dem Schlauch sitze - ich finde es nicht ... sieht jetzt so aus: 1.erster Punkt 1. erste Unterpunkt von 1 - mit text blal bal weiteret Texte 2. zweiter Unterpunkt von 1 mit text blal bal weiteret Texte 2.zweiter Punkt 1. erster Unterpunkt von 2mit text blal bal weiteret Texte 2. zweiter Unterpunkt von 2mit text blal bal weiteret Texte soll aber so aussehen - Ohne die Striche - die stellen den Abstand dar: 1. erster Punkt -1. erste Unterpunkt von 1 - mit text ----blal bal weiteret Texte -2. zweiter Unterpunkt von 1 ----mit text ----blal bal weiteret Texte 2.zweiter Punkt -1. erster Unterpunkt von 2mit text ----blal bal weiteret Texte -2. zweiter Unterpunkt von 2mit text ----blal bal weiteret Texte Hier das css: Zitat:
Zitat:
Irmen Geändert von irmen (03.09.2020 um 10:05 Uhr)
|
|
10.09.2020, 08:33
|
|||
|
|||
|
@cloned, danke für den Hinweis - aber die Klassen werden schon richtig ausgelesen, daran liegt es nicht. Ich habe die umgebenden divs nicht extra nochmal hingeshrieben, weil es mir nicht relvant erschien.
@ inta - DANKE! Das war zielführend! Ich frage mich nun: normalerweise, ist das doch der "Normalzustand", oder? (dass die Nummerierung außerhalb der li steht) wird das - ich verwende ein Wordpresstheme - in diesem Theme vielleicht irgendwo anders definiert? Ich habe keine entsprechende Stelle gefunden. Vielen Dank für die Unterstützung! Irmen
|
|
10.09.2020, 09:57
|
|||
|
|||
|
Die list items (https://developer.mozilla.org/de/doc...st-style-image list-style-image zb) sitzen per default außerhalb, das stimmt schon.
Du baust aber deine eigene Aufzählung, da musst du auch das von dir gewünschte Styling umsetzen. Der Browser weiß ja nicht, dass deine händisch eingesetzten Elemente eigentlich Aufzählungen sind.
|
 |
| Themen-Optionen | |
| Ansicht | |
|
|
Ähnliche Themen
|
||||
| Thema | Autor | Forum | Antworten | Letzter Beitrag |
| Verschachtelte Listen mit Nummerierung | gabischatz | (X)HTML | 12 | 06.01.2014 15:22 |
| Dropdown Navigation - 2. Ebene ein-/ausblenden | img | CSS | 7 | 16.12.2010 23:02 |
| Listennavigation - Ausrichtung der dritten Ebene | Unwritten | CSS | 2 | 08.11.2010 15:09 |
| Probleme mit einem CSS-Menü (UL-Liste)! | hagbard_2605 | CSS | 0 | 21.10.2006 10:03 |
| Ebene "undurchsichtig" machen | diver | CSS | 1 | 19.10.2006 10:52 |
Linear-Darstellung
