1. Limited time only! Sign up for a free 30min personal tutor trial with Chegg Tutors
    Dismiss Notice
Dismiss Notice
Join Physics Forums Today!
The friendliest, high quality science and math community on the planet! Everyone who loves science is here!

I'm struggling with the CSS counter mechanism(s)

  1. Feb 17, 2017 #1


    User Avatar

    1. The problem statement, all variables and given/known data
    There's a visual representation of what I am aiming for, in Question 1's Figure 2.:

    2. Relevant equations

    3. The attempt at a solution
    Hello to everyone who's reading this. icon_smile.gif

    I looked at various websites, including several YouTube videos, but still I'm really struggling with CSS counter stuff. Basically, all I am trying to do is to make the numbering of an ordered list continue when the ordered list goes from row n to row n+1.

    The following is my HTML syntax.:
    http://pastebin.com/hw8rmUWB [Broken]

    The following is my CSS syntax, where the last three selectors are what I'm struggling with (as indicated by the comment).:
    http://pastebin.com/cYFynxAs [Broken]

    Could someone please help me figure out why the numbering is showing twice in each table cell (despite the CSS incrementation seemingly working semi-correctly)? It seems like the CSS is creating some different numbering, rather than modifying the default numbering of unordered lists.

    Any help in figuring out why what I am trying to accomplish is not working would be GREATLY appreciated!
    Last edited by a moderator: May 8, 2017
  2. jcsd
  3. Feb 18, 2017 #2


    User Avatar
    Staff Emeritus
    Science Advisor

Know someone interested in this topic? Share this thread via Reddit, Google+, Twitter, or Facebook

Have something to add?
Draft saved Draft deleted