MetaTek

User Tools

Site Tools

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

Differences

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

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision		Previous revision
css-ol [2015/03/12 07:04] – mdn css ref Alan Sheacss-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.    * CSS issue with ordered lists using decimal/legal numbering. 
-  * Worked fine before upgrade+  * 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   - Ordered list
   - Errant line break after number.    - 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       - 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:   - Reference:
 +    - https://www.dokuwiki.org/devel:css#user_styles  
     - https://forum.dokuwiki.org/thread/10320     - https://forum.dokuwiki.org/thread/10320
     - https://developer.mozilla.org/en-US/docs/Web/CSS/Reference     - 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:   - Testing:
     - www.w3schools.com/css/tryit.asp?filename=trycss_list-style-type_all     - www.w3schools.com/css/tryit.asp?filename=trycss_list-style-type_all
Line 21: Line 27:
     - Cannot reproduce undesired behavior actually experienced.      - Cannot reproduce undesired behavior actually experienced. 
  
 +====Custom Styles===
 <file css userstyle.css> <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 {counter-increment: section; }
 .dokuwiki ol li:before  { content: counters(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> </file>
Line 51: Line 43:
  
 <file css userprint.css> <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> </file>
  
  
css-ol.1426143868.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