CODEWITHSUNDEEP
htmlcsshtml-lists
Shinji-san
Shinji-san

Reputation: 1001

How to continue CSS list on new page?

I was wondering how to continue a list on a new page in CSS.

For example, I have an <ol> list with roman numerals. However, the list will be quite big and I decided it would be good to continue the list on a new page.

How can I get the second page to 'start off' at a certain number? For example, the first page has roman numerals all the way to 'X'. How do I get a second page to start off at 'X' and continue from there; I don't want to start from 'I' all over again.

I've already tried doing seqnum and put it in the HTML code for the continuing list but it's not working. Is there some specific order I have to put it in or something?

Upvotes: 4

Views: 377

Answers (3)

partypete25
partypete25

Reputation: 4413

Aside from using "start" on the <ol>, you can also use "value" on the <li> like this:

<ol type="I">
  <li value="4">Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

Upvotes: 1

luismijimenez
luismijimenez

Reputation: 44

Try using start instead of seqnum http://www.w3schools.com/tags/tag_ol.asp

Upvotes: -1

Kirk Beard
Kirk Beard

Reputation: 9843

The <ol> tag has a start attribute that you can use:

<ol type="i" start="501">
  <li>Item 501</li>
  <li>Item 502</li>
  <li>Item 503</li>
  <li>Item 504</li>
</ol>

You just need to specify the starting number for each page.

The seqnum attribute that you've referred to is no longer relevant for HTML5, as per MDN.

Upvotes: 4

Related Questions