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
Last revisionBoth sides next revision
css-ol [2015/03/12 07:05] – dw user style Alan Sheacss-ol [2015/03/17 04:54] – [CSS Ordered List Numbering] moz dev link Alan Shea
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://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 22: 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 52: 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.txt · Last modified: 2018/05/28 22:29 by 127.0.0.1

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