[HTML] geneste genummerde lijsten

Pagina: 1
Acties:

  • kthijs
  • Registratie: Mei 2002
  • Laatst online: 07-05 09:31
Ellow,

Zou graag een geneste genummerde lijst maken met HTML alla:
1. item 1
2. item 2
2.1. item 2 deel 1
2.2. item 2 deel 2
3. item 3

Heb al geprobeerd met volgende code
<ol>
<li>item 1
<li>item 2
<ol>
<li>item 2 deel 1
<li>item 2 deel 2
</ol>
<li>item 3
</ol>

Maar dit geeft niet de gewenste output maar:
1. item 1
2. item 2
1. item 2 deel 1
2. item 2 deel 2
3. item 3

Weet iemand of dit eigenlijk wel mogelijk is met HTML, heb al wat gezocht op Google met nested numbered list, maar krijg altijd bovenvermelde code als uitleg.

  • Gert
  • Registratie: Juni 1999
  • Laatst online: 05-12-2025
Nope, maar met javascript kan je daar best een mouw aan passen. :)

Verwijderd

Is zeer zeker wel mogelijk. Met CSS2 kun je zelf tellertjes bijhouden voor je elementen (headers, paragrafen, lijsten, etc).
Cascading Stylesheet:
1
2
3
4
5
6
7
ol {
    counter-reset: item;
}
li:before {
    content: counters(item, ".");
    counter-increment: item;
}

Nadeel? Alleen Opera 7-compatible op het moment :'(

  • André
  • Registratie: Maart 2002
  • Laatst online: 19-08 12:30

André

Analytics dude


  • BtM909
  • Registratie: Juni 2000
  • Niet online

BtM909

Watch out Guys...

Zo dan:
Deze tree is momenteel de snelste die er op internet te downloaden is, Ik heb er uitgebreid mee getest en nog geen snellere gevonden.
:P

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.


  • André
  • Registratie: Maart 2002
  • Laatst online: 19-08 12:30

André

Analytics dude

O-)

offtopic:
Maar zo is het wel, bij mijn vorige werkgever werd die tree vaak gebruikt met 1000+ items. En in de opbouw is deze gewoon heel snel.
Pagina: 1