Multilevel list in html

Question

I want to have automatically created the numbering of a list of items in html, something like this:

1. Heading 1
   Text
1.1 Heading 1.1
   Text
2. Heading 2
  Text
2.1 Heading 2.1
   Text
2.2 Heading 2.2
   Text

It is the same as using Word, Latex or any other that allows you setting styles.

Any JavaScript, CSS, etc?

Which browsers/versions do you need to support? IE7? – thirtydot Aug 23 '11 at 10:16 — thirtydot, Aug 23 '11 at 10:16

score 6 · Accepted Answer · answered Aug 23 '11 at 09:59

6

This can be done through css/HTML

The following site has a nice tutorial on how to: http://doctype.com/make-ordered-list-go-up-111213-instead-123

answered Aug 23 '11 at 09:59

ChrisK

1,392
10
12

1

+1, but note that this isn't supportet by IE7 and below: http://www.quirksmode.org/css/contents.html#t21 – oezi Aug 23 '11 at 10:02
Link is broken. – mKay Mar 24 '21 at 17:11

score 0 · Answer 2 · answered Aug 23 '11 at 09:59

0

I think it gets down to some javascript. ordered lists etc. will not help you out here. Maybe you can write some smart script using jquery based on child/parent logic that does the trick for you.

answered Aug 23 '11 at 09:59

Bas Slagter

9,831
7
47
78

Multilevel list in html

2 Answers2