Differences

This shows you the differences between two versions of the page.

--- css-ol [2015/03/12 06:51] – created Alan Shea
+++ css-ol [2018/05/28 22:29] (current) – external edit 127.0.0.1
@@ Line 2: / Line 2: @@
   * 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.
   - Ordered list
   - Errant line break after number.
-    - Second level shows same problem
+    - Works correctly now when forcing a line break. \\ Lorem ipsum dolor sit amet, consectetur adipiscing elit.  \\ Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-    - Demonstration
+    - 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.
-      - Third level shows new problem
+      - 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.
       - Demonstration
-    - Numbering is also different when printing.
+        - Fourth level
-    - Second level is Roman instead of decimal when printed.
+          - 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.
   - Reference:
+    - https://www.dokuwiki.org/devel:css#user_styles
     - https://forum.dokuwiki.org/thread/10320
+    - https://developer.mozilla.org/en-US/docs/Web/CSS/Reference
+    - http://www.w3.org/TR/CSS2/text.html#alignment-prop
+    - https://developer.mozilla.org/en-US/docs/Web/CSS/display
   - Testing:
     - www.w3schools.com/css/tryit.asp?filename=trycss_list-style-type_all
@@ Line 20: / Line 27: @@
     - Cannot reproduce undesired behavior actually experienced.
+====Custom Styles===
 <file css userstyle.css>
-/*.dokuwiki ol {list-style-type: none;} */
+.dokuwiki .li {text-align: left; display: inline; line-height: 1.9em}
-.dokuwiki ol {counter-reset: section;  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 {list-style-type: none;  }
-/*.dokuwiki ol ol ol {padding-left:5px; 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, ".") ". ";  }
-/*
-.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, ".") ". "; }
-*/
 </file>
@@ Line 50: / Line 43: @@
 <file css 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;}
+.dokuwiki .li {text-align: left; display: inline; line-height: 1.9em}
-div.dokuwiki ol ol {padding-left:5px; list-style-type: none}
+.dokuwiki ol {counter-reset: section; list-style-type: none;}
-div.dokuwiki ol ol ol{padding-left:5px; list-style-type: none}
+.dokuwiki ol ol {list-style-type: none;  }
-div.dokuwiki ol li {counter-increment: section; }
+.dokuwiki ol ol ol {list-style-type: none; }
-div.dokuwiki ol li:before  { content: counters(section, ".") ". "; }
+.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, ".") ". ";  }
 </file>

MetaTek

User Tools

Site Tools

Differences

Page Tools