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/14 17:46] – 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 work fine+    * 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        * even several levels 
-        * or more 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 when long lines wrap lorem ipsem dolor lorem ipsem dolor lorem ipsem dolor  lorem ipsem dolor  lorem ipsem dolor  lorem ipsem dolor  lorem ipsem dolor   +    - 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 of new problem when forcing line break \\ lorem ipsem dolor   lorem ipsem dolor   lorem ipsem dolor   lorem ipsem dolor   +    - 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
         - Fourth level         - Fourth level
-          - fifth level (insane to go that many levels) +          - 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. 
-    - Numbering is also different when printing. -- appears to be fixed!  +
-    - Second level is Roman instead of decimal when printed. -- who fixed it? +
   - 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 27: 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 .li {display: inline-block; } +.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 {padding-left:5px; list-style-type: none}  +.dokuwiki ol ol ol ol {list-style-type: none; }  
-.dokuwiki ol ol ol ol ol {padding-left:5px; 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, ".") ". ";  }
Line 42: Line 43:
  
 <file css userprint.css> <file css userprint.css>
-.dokuwiki .li {display: inline-block; } 
-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, ".") ". "; } 
- 
  
 +.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, ".") ". ";  }
  
 </file> </file>
  
  
css-ol.1426355202.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