MetaTek

User Tools

Site Tools

You are here: start » css-ol
Trace: • css-ol

Sidebar

css-ol

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
  1. Ordered list
  2. Errant line break after number.
    1. Second level shows same problem
    2. Demonstration
      1. Third level shows new problem
      2. Demonstration
    3. Numbering is also different when printing.
    4. Second level is Roman instead of decimal when printed.
  3. Reference:
    1. https://www.dokuwiki.org/devel:css#user_styles
    2. https://forum.dokuwiki.org/thread/10320
    3. https://developer.mozilla.org/en-US/docs/Web/CSS/Reference
  4. 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.
userstyle.css
/*.dokuwiki ol {list-style-type: none;} */
.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 li {counter-increment: section; }
.dokuwiki ol li:before  { content: counters(section, ".") ". ";  }
 
 
/* 
.dokuwiki ol {counter-reset: section;  list-style-type: none;}
.dokuwiki ol { list-style-type: decimal; }
.dokuwiki ol ol { list-style-type: decimal; }
.dokuwiki ol ol ol { list-style-type: decimal; }
.dokuwiki ol ol ol ol { list-style-type: decimal; }
*/ 
 
/*
.dokuwiki ol {counter-reset: section;  list-style-type: decimal;}
.dokuwiki ol ol {padding-left:5px; list-style-type: none}       
.dokuwiki 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
/* 
div.dokuwiki ol { list-style-type: decimal; }
div.dokuwiki ol ol { list-style-type: decimal; }
div.dokuwiki ol ol ol { list-style-type: decimal; }
div.dokuwiki ol ol ol ol { list-style-type: decimal; }
*/ 
 
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, ".") ". "; }
css-ol.1426143944.txt.gz · Last modified: 2018/05/28 22:28 (external edit)

Page Tools

Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Share Alike 4.0 International
CC Attribution-Share Alike 4.0 International Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki

Copyright © Alan Shea, 2011-2025