Avatar billede LarsLj Novice
11. maj 2011 - 14:01 Der er 2 kommentarer og
1 løsning

Punktopstilling med punkt 1.1

Hej. Jeg vil gerne lave en punktopstilling i html. Det er ikke svært at lave en opstilling a la
1. Første punkt
2. Andet punkt
osv.,

men hvad gør jeg, hvis jeg vil starte min nummerering således:

1.1 Første punkt
1.2 Andet punkt
osv. osv
Avatar billede phillips Nybegynder
11. maj 2011 - 14:34 #1
Som udgangspunkt skal du bruge HTML'en:

    <ol>
        <li>Første</li>
        <li>Andet
            <ol>
                <li>Første</li>
                <li>Andet</li>
            </ol>
        </li>
        <li>Tredje</li>
    </ol>


MEN, du kan ikke få nummerede under-punkter med "decimaler" vha. HTML eller CSS. Der skal du enten lave et javascript eller også skal du fjerne visningen af underpunkter og ganske simpelt skrive fx "1.1" og "1.2" i selve punkterne.
Avatar billede phillips Nybegynder
11. maj 2011 - 14:55 #2
Whoa, jeg faldt lige tilfældigvis over noget CSS, jeg aldrig har set før. Hvis du har ovenstående HTML, kan du prøve denne CSS:

ol {
  counter-reset: section;
  list-style-type: none;
}

li:before {
  counter-increment: section;
  content: counters(section,".")"";
}
Avatar billede LarsLj Novice
06. juni 2011 - 18:51 #3
Tak for alle svar, de virker!
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester