MetaModels Workshop in Berlin
Ergebnis 1 bis 3 von 3

Thema: CSS Counter ol mit nested ul

  1. #1
    Alter Contao-Hase
    Registriert seit
    20.09.2012.
    Ort
    Lüneburger Heide
    Beiträge
    1.390
    User beschenken
    Wunschliste

    Standard CSS Counter ol mit nested ul

    Hallo Leute,

    gerade versuche ich einer <ol> (mit verschachtelter <ul>) eine eigene Nummerierung zu verpassen.
    Die Änderung wird auch übernommen aber der Zähler haut nicht hin.

    Beispiel:
    HTML-Code:
    <ol>
       <li>Item 1</li>
       <li>Item 2
          <ul>
             <li>UL-Item 1</li>
             <li>UL-Item 2</li>
             <li>UL-Item 3</li>
          </ul>
       </li>
       <li>Item 3</li>
    </ol>
    Hier werden die <li> der <ul> mitgezählt, also statt 1. 2. 3. bekommen die <li> der <ol> 1. 2. 6

    Ergebnis:
    1. Item 1
    2. Item 2
    - UL-Item 1
    - UL-Item 2
    - UL-Item 3
    6. Item 3

    Ich versuche es mit folgendem Beispielcode:
    Code:
    ol{
        counter-reset: section;
        list-style: none;
    }
    
    ol li:before{
        counter-increment: section;
        content: counter(section) ": ";
    }
    Hat da jemand einen Tipp für mich? (Link steht leider noch nicht zur Verfügung).

    Gruß
    tschero

  2. #2

  3. #3
    Alter Contao-Hase
    Registriert seit
    20.09.2012.
    Ort
    Lüneburger Heide
    Beiträge
    1.390
    User beschenken
    Wunschliste

    Standard

    Sorry für die späte Antwort und danke für den Link.
    So richtig will es noch nicht klappen - Link ist leider noch im Wartungsmodus.

    Ich probiere weiter.

    Gruß
    tschero

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •