Beste allemaal,

Ik heb voor een klant van me de basing uitgevoerd. Enkel is het nu zo dat hij graag een opsimming wil hebben met nummers (ipv de gebruikelijke bullets). Normaal gezien moet je hiervoor deze code gebruiken.

Code:

<ol>
     <li>list item 1</li>
     <li>list item 2</li>
     <li>list item 3</li>
</ol>

Dan zou je dit moeten krijgen:

Code:

1. list item 1
2. list item 2
3. list item 3

Enkel is het nu zo dat ik in plaats van 1, 2, 3 (onder elkaar) nu gewoon normale bullets krijg. Kan iemand me mogelijk uitleggen wat ik verkeerd doe? De basing is XHTML 1.0 strict DTD.

Alvast erg bedankt voor het helpen.

In je css:

Code:

ol.cijfers {list-style-type: decimal}

En dan je lijst:

Code:

<ol class="cijfers">
     <li>list item 1</li>
     <li>list item 2</li>
     <li>list item 3</li>
</ol>

Heel erg bedankt voor je reactie.

Helaas werkt het niet :(

Is er mogelijk een andere manier om dit te doen?

Code:

.cijfers {
list-style-type: decimal;
}

Edit:
Waarom werk je niet met ul? Wat is het verschil met ol?

Voorsie, is dat niet een beetje dubbel?

@Rein,

<ol> doet automatisch nummers ipv bullets, echter is dit niet valid.

Bedankt Huig. UL for the win dus!

Kan je geen link plaatsen naar de basing?

Vanwege de vindbaarheid in Google, wilt mijn klant dat ik links op onderstaande wijze publiceer.

Het gaat bijv. om deze pagina: http://www [punt] sitepromotor [punt] eu/tips [punt] html

CSS is hier te vinden: http://www [punt] sitepromotor [punt] eu/style [punt] css

Zoals je onderin de pagina kunt zien, laat hij enkel bullets zien, en geen nummers. Hopelijk kunnen jullie mij helpen. Alvast bedankt.

Dan heb ik direct een oplossing voor je.

Verander het terug naar <ol> (is semantischer voor een opsomming)
en pas de margin / padding aan. De "bullets" die je ziet zijn eigelijk de .tjes van 1. 2. 3. , maar die zich verstoppen in je zijbalk.

mvg

Origineel gepost door Niki JasperS

Vanwege de vindbaarheid in Google, wilt mijn klant dat ik links op onderstaande wijze publiceer.

Het gaat bijv. om deze pagina: http://www [punt] sitepromotor [punt] eu/tips [punt] html

CSS is hier te vinden: http://www [punt] sitepromotor [punt] eu/style [punt] css

Zoals je onderin de pagina kunt zien, laat hij enkel bullets zien, en geen nummers. Hopelijk kunnen jullie mij helpen. Alvast bedankt.

Origineel gepost door M. Van Dam

Dan heb ik direct een oplossing voor je.

Verander het terug naar <ol> (is semantischer voor een opsomming)
en pas de margin / padding aan. De "bullets" die je ziet zijn eigelijk de .tjes van 1. 2. 3. , maar die zich verstoppen in je zijbalk.

mvg

Super, dit was inderdaad de juiste oplossing. Ongelofelijk bedankt hiervoor.