This is an old revision of the document!

CSS Ordered List Numbering

CSS issue with ordered lists using decimal/legal numbering.
Worked fine before upgrade
- Unordered (bullet) lists work fine
  - even several levels
    - or more levels

Ordered list
Errant line break after number.
1. Second level shows same problem
2. Demonstration
  1. Third level shows new problem
  2. Demonstration
    1. Fourth level
      1. fifth level (insane to go that many levels)
3. Numbering is also different when printing. – appears to be fixed!
4. Second level is Roman instead of decimal when printed. – who fixed it?
Reference:
Testing:
1. www.w3schools.com/css/tryit.asp?filename=trycss_list-style-type_all
2. http://plnkr.co/edit/Yp226FEhu1nypAd6Cjt7?p=preview
3. Can produce desired formatting
4. Cannot reproduce undesired behavior actually experienced.

.dokuwiki .li {display: inline-block; }
.dokuwiki ol {counter-reset: section;  list-style-type: none;}
.dokuwiki ol ol {padding-left:5px; list-style-type: none}       
.dokuwiki ol ol ol {padding-left:5px; list-style-type: none} 
.dokuwiki ol ol ol ol {padding-left:5px; list-style-type: none} 
.dokuwiki ol ol ol ol ol {padding-left:5px; list-style-type: none} 
.dokuwiki ol li {counter-increment: section; }
.dokuwiki ol li:before  { content: counters(section, ".") ". ";  }

userprint.css

.dokuwiki .li {display: inline-block; }
div.dokuwiki ol {counter-reset: section;  list-style-type: none;}
div.dokuwiki ol ol {padding-left:5px; list-style-type: none}       
div.dokuwiki ol ol ol{padding-left:5px; list-style-type: none}       
div.dokuwiki ol li {counter-increment: section; }
div.dokuwiki ol li:before  { content: counters(section, ".") ". "; }

MetaTek

Sidebar

CSS Ordered List Numbering

MetaTek

User Tools

Site Tools

Sidebar

CSS Ordered List Numbering

Page Tools