how to customize list nesting in numbered lists

Forum » Help / Editing pages » how to customize list nesting in numbered lists

Started by:

francesca
Date: 31 Jul 2007 07:45
Number of posts: 10

RSS: New posts

Summary:

is there any way to make nested lists look like "1.1" "1.2" ..."1.1.3" ?

Unfold All Fold All More Options

Fold

how to customize list nesting in numbered lists

francesca 31 Jul 2007 07:45

Hi, here's a nested numbered list:

"chap 1"
1. "paragraph 1.1"
  1. "section 1.1.1"
"chap 2"
"chap 3"

now, I was wondering if it's possible to make it look like:
1
(some space) 1.1
(some more space) 1.1.1
2
3

If there is no way to do that, how can I "fake" a nested numbered list? Empty spaces are deleted and so are tabs…

would be nice to know if it's possible to customize lists in general, too.

thanks in advance to everybody!!

Reply Options

Unfold how to customize list nesting in numbered lists by

francesca, 31 Jul 2007 07:45

Fold

Re: how to customize list nesting in numbered lists

Helmut_pdorf 02 Aug 2007 09:06

Hi francesca!

Hartnell had this described :

A) Numbered (nested) list

Paragraph 1
1. paragraph 1.1
2. paragraph 1.2
  1. paragraph 1.2.1
Paragraph 2
1. Paragraph 2.1
Paragraph 3

B) Faked numbered (span) list

1. Paragraph 1
1.1. Paragraph 1.1
1.2. Paragraph 1.3
1.2.1. Paragraph 1.2.1
2. Paragraph 2
2.1. Paragraph 2.1
3. Paragraph 3

Done with:

[[span style="margin-left:20px"]] 1. Paragraph 1 [[/span]]
[[span style="margin-left:40px"]] 1.1. Paragraph 1.1 [[/span]]
[[span style="margin-left:40px"]] 1.2. Paragraph 1.3 [[/span]]
[[span style="margin-left:60px"]] 1.2.1. Paragraph 1.2.1 [[/span]]
[[span style="margin-left:20px"]] 2. Paragraph 2 [[/span]]
[[span style="margin-left:40px"]] 2.1. Paragraph 2.1 [[/span]]
[[span style="margin-left:20px"]] 3. Paragraph 3 [[/span]]

B.1.)With Bold and Italic letters:

1. Paragraph 1
1.1. Paragraph 1.1
1.2. Paragraph 1.3
1.2.1. Paragraph 1.2.1
2. Paragraph 2
2.1. Paragraph 2.1
3. Paragraph 3

Done with:

[[span style="margin-left:20px"]] **1. Paragraph 1** [[/span]]
[[span style="margin-left:40px"]] //1.1. Paragraph 1.1// [[/span]]
[[span style="margin-left:40px"]] //1.2. Paragraph 1.3// [[/span]]
[[span style="margin-left:60px"]] 1.2.1. Paragraph 1.2.1 [[/span]]
[[span style="margin-left:20px"]] **2. Paragraph 2** [[/span]]
[[span style="margin-left:40px"]] //2.1. Paragraph 2.1// [[/span]]
[[span style="margin-left:20px"]] **3. Paragraph 3** [[/span]]

C) Faked numbered (») list

1. Paragraph 1

1.1. Paragraph 1.1
1.2. paragraph 1.2

1.2.1.. paragraph 1.2.1

2. Paragraph 2

1.1. Paragraph 2.1

3. Paragraph 3

Done with:

1. Paragraph 1
> 1.1. Paragraph 1.1
> 1.2. paragraph 1.2
>> 1.2.1.. paragraph 1.2.1
2. Paragraph 2
> 1.1. Paragraph 2.1
3. Paragraph 3

Here is the sanbox link where I made some tests with this:

http://sandbox.wikidot.com/numbered-nested-lists

Please havew a look! - regards Helmut

Service is my success. My webtips:www.blender.org (Open source), Wikidot-Handbook.

Sie können fragen und mitwirken in der deutschsprachigen » User-Gemeinschaft für WikidotNutzer oder
im deutschen » Wikidot Handbuch ?

Last edited on 02 Aug 2007 11:45 by Helmut_pdorf Show more

Reply Options

Unfold Re: how to customize list nesting in numbered lists by

Helmut_pdorf, 02 Aug 2007 09:06

Fold

Re: how to customize list nesting in numbered lists

Techsplorer 11 Aug 2007 05:59

I'd like to do this too. But not if I have to go in and manually number the lists (and renumber them after I add something, and again when I add something else, and so on). Lists should be able to number themselves, and be flexible about how they're displayed.

// Michael

Options

Unfold Re: how to customize list nesting in numbered lists by

Techsplorer, 11 Aug 2007 05:59

Fold

Re: how to customize list nesting in numbered lists

Shmal 26 Sep 2007 22:41

Did anyone ever figure out a way to automatically number lists as 1.1, 2.1, 3.1.2, etc, instead of manually renumbering them?

Thanks,
Al

Options

Unfold Re: how to customize list nesting in numbered lists by

Shmal, 26 Sep 2007 22:41

Fold

Re: how to customize list nesting in numbered lists

sur 27 Sep 2007 09:51

Extend your custom theme as follows:

ol { list-style-type: none; counter-reset: say; } 
ol li:before { counter-increment: say; content: counters(say,".") ". "; }

Note: it won't work with IE6, don't know about IE7. Firefox & Opera are OK.

Options

Unfold Re: how to customize list nesting in numbered lists by

sur, 27 Sep 2007 09:51

Fold

Re: how to customize list nesting in numbered lists

gerdami 28 Nov 2009 12:17

See also this HowTo:autonumber-headings-and-ordered-lists

gerdami - Visit Handbook en Français - Rate this howto:import-simple-excel-tables-into-wikidot up!

Reply Options

Unfold Re: how to customize list nesting in numbered lists by

gerdami, 28 Nov 2009 12:17

Fold

Re: how to customize list nesting in numbered lists

Craig Macomber 27 Sep 2007 03:34

If it can be done you do it through CSS with a custom theme. Look up CSS and list properties.

Reply Options

Unfold Re: how to customize list nesting in numbered lists by

Craig Macomber, 27 Sep 2007 03:34

Fold

Re: how to customize list nesting in numbered lists

Shmal 03 Oct 2007 23:57

Thanks, everyone, for the help.

I tried your theme, sur, and you're right, it won't work in IE (6 or 7). I found another theme:

OL { counter-reset: item }
LI { display: block }
LI:before { content: counters(item, "."); counter-increment: item }

This one seems to work, but it also numbers bulleted lists. Any ideas for an overwrite that can be used to include numbered lists but exclude bulleted ones?

Thanks again for the help…

Reply Options

Unfold Re: how to customize list nesting in numbered lists by

Shmal, 03 Oct 2007 23:57

Fold

Re: how to customize list nesting in numbered lists

hartnell 04 Oct 2007 03:56

OL { counter-reset: item }
OL LI { display: block }
OL LI:before { content: counters(item, "."); counter-increment: item }

I'm not sure if this will work or not… but it should. Here's the theory :

ol and li are html selectors. When you select ol you are selecting the css properites of all ordered list.
when you select li you are selecting all list items, ordered or not.

by using a combo, like this

ol li {

you are selecting the list items IN ordered lists. This is how you can modify nested links in the side bar

ul li ul li {

selects list items that are part of an unordered list that are a list item of an unordered list :)

—hartnell

Options

Unfold Re: how to customize list nesting in numbered lists by

hartnell, 04 Oct 2007 03:56

Fold

Re: how to customize list nesting in numbered lists

hartnell 04 Oct 2007 04:00

a better of example of this :

#header {

selects the div of the header at the top

#header h1 {

selects the heading <h1> that contains the site title in the div of the header at the top

#header h1 a {

selects the heading <h1> that contains the link in the h1 in the div that contains the header at the top. :)

To change the actual color of the wiki title, you have to select it specifically :

#header h1 a
{
color:#FFF;
}

Reply Options

Unfold Re: how to customize list nesting in numbered lists by

hartnell, 04 Oct 2007 04:00

New Post

Wikidot Community

hints / tips / help / discussion

A) Numbered (nested) list

B) Faked numbered (span) list

B.1.)With Bold and Italic letters:

C) Faked numbered (») list