Site Tools


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
    • Unordered (bullet) lists have same problem when long lines wrap. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada enim non dui lobortis, a pretium nisi maximus. Etiam vestibulum porttitor lacus nec malesuada. Quisque nec efficitur quam, eu fringilla ipsum. Suspendisse fermentum dapibus tortor. Phasellus vitae mollis felis.
      • even several levels
        • or more levels – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada enim non dui lobortis, a pretium nisi maximus. Etiam vestibulum porttitor lacus nec malesuada. Quisque nec efficitur quam, eu fringilla ipsum. Suspendisse fermentum dapibus tortor. Phasellus vitae mollis felis.
  1. Ordered list
  2. Errant line break after number.
    1. Works correctly now when forcing a line break.
      Lorem ipsum dolor sit amet, consectetur adipiscing elit.
      Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    2. Para number appears on last line when long lines wrap. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada enim non dui lobortis, a pretium nisi maximus. Etiam vestibulum porttitor lacus nec malesuada. Quisque nec efficitur quam, eu fringilla ipsum. Suspendisse fermentum dapibus tortor. Phasellus vitae mollis felis.
      1. Third level – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada enim non dui lobortis, a pretium nisi maximus. Etiam vestibulum porttitor lacus nec malesuada. Quisque nec efficitur quam, eu fringilla ipsum. Suspendisse fermentum dapibus tortor. Phasellus vitae mollis felis.
      2. Demonstration
        1. Fourth level
          1. fifth level – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada enim non dui lobortis, a pretium nisi maximus. Etiam vestibulum porttitor lacus nec malesuada. Quisque nec efficitur quam, eu fringilla ipsum. Suspendisse fermentum dapibus tortor. Phasellus vitae mollis felis.
  3. Reference:
  4. Testing:
    1. Can produce desired formatting
    2. Cannot reproduce undesired behavior actually experienced.

Custom Styles

userstyle.css
.dokuwiki .li {text-align: left; display: inline; line-height: 1.9em}
.dokuwiki ol {counter-reset: section; list-style-type: none;}
.dokuwiki ol ol {list-style-type: none;  }       
.dokuwiki ol ol ol {list-style-type: none; } 
.dokuwiki ol ol ol ol {list-style-type: none; } 
.dokuwiki ol ol ol ol ol {list-style-type: none} 
.dokuwiki ol li {counter-increment: section; }
.dokuwiki ol li:before  { content: counters(section, ".") ". ";  }
userprint.css
.dokuwiki .li {text-align: left; display: inline; line-height: 1.9em} 
.dokuwiki ol {counter-reset: section; list-style-type: none;}
.dokuwiki ol ol {list-style-type: none;  }       
.dokuwiki ol ol ol {list-style-type: none; } 
.dokuwiki ol ol ol ol {list-style-type: none; } 
.dokuwiki ol ol ol ol ol {list-style-type: none} 
.dokuwiki ol li {counter-increment: section; }
.dokuwiki ol li:before  { content: counters(section, ".") ". ";  }
css-ol.1426566942.txt.gz · Last modified: 2018/05/28 22:28 (external edit)