Google Chrome & geneste <ol>'s, rare nummering

woensdag 10 november 2010 13:33

Acties:

0Henk 'm!

Vandaag ben ik tegen iets heel merkwaardigs gelopen. Ik zal een uitgebreide uitleg besparen, het is namelijk heel simpel en met een screenshot en de broncode al duidelijk imho. Zie onderstaand.

Screenshot

Source

HTML:

<ul>
    <li>Selectie maken:
        <ol>
            <li>ga met de muis naar het begin van een titel;</li>
            <li>druk de linker muisknop in en houd deze ingedrukt;</li>
            <li>sleep met de muis tot het gewenste artikel is geselecteerd.</li>
        </ol>
    </li>
    <li>Selectie verwijderen:
        <ol>
            <li>ga met de muis over een selectie;</li>
            <li>dubbelklik met de linker muisknop;</li>
            <li>bevestig het verwijderen van de selectie.</li>
        </ol>
    </li>
</ul>

Het probleem zit 'm in de nummering. Die zou bij elke genummerde lijst (<ol>) bij één moeten beginnen, maar doet dat in Chrome dus niet. Zeer vreemd.

Styling is verder niet relevant denk ik.

Verder
- Dit zijn de enige lijsten op de pagina (in de bon);
- Wordt in alle browsers goed weergegeven, behalve in Google Chrome (is weer eens wat anders!);
- Zoeken middels Google heb ik al veelvuldig op verschillende manieren gedaan, maar heeft tot nu toe niks opgeleverd.

Nu hoop ik dat hier iemand dit leest en denkt "hé, daarmee heb ik gisteren nog lopen stoeien en ik weet de oplossing, namelijk...". Vol verwachting klopt mijn hart!

[Voor 5% gewijzigd door JaFFoG op 10-11-2010 13:35]

Bla

woensdag 10 november 2010 13:40

Acties:

0Henk 'm!

Struikrover

Discussiewinnaar 2015

Misschien is het verstandig om je browserversies even te melden? Ik heb je code namelijk een op een overgenomen in een html-document en bij mij werkt het wel goed:

klik

Chrome versie 7.0.517.44

[Voor 0% gewijzigd door Struikrover op 10-11-2010 13:43. Reden: werkende link ;)]

Like brothers on a hotel bed

woensdag 10 november 2010 13:41

Acties:

0Henk 'm!

RaZ

Lijkt er wel op alsof de eerste li, binnen de ul, als eerste binnen de ol gezien wordt.

Je kan overigens bij een li de start meegeven, en zo dus bij 1 laten beginnen met nummeren.

woensdag 10 november 2010 13:45

Acties:

0Henk 'm!

X-Lars

Just GoT it.

FYI, in mijn versies van Chrome, Safari en Firefox (alles op Mac) geeft de browser overal gewoon 1, 2 en 3 voor beide lists.

Heb je gekeken wat er gebeurt als je de CSS (en Javascript) eens helemaal uit zet?

woensdag 10 november 2010 13:46

Acties:

0Henk 'm!

CodeCaster

👌👀 good shit ✔💯

HTML:

<!DOCTYPE html>
<html>
    <head>
        <title>ol in ul</title>
    </head>
    <body>
        <ul>
            <li>Selectie maken:
                <ol start="1">
                    <li>ga met de muis naar het begin van een titel;</li>
                    <li>druk de linker muisknop in en houd deze ingedrukt;</li>
                    <li>sleep met de muis tot het gewenste artikel is geselecteerd.</li>
                </ol>
            </li>
            <li>Selectie verwijderen:
                <ol start="1">
                    <li>ga met de muis over een selectie;</li>
                    <li>dubbelklik met de linker muisknop;</li>
                    <li>bevestig het verwijderen van de selectie.</li>
                </ol>
            </li>
        </ul>
    </body>
</html>

Nergens last van, ook niet zonder de "start=" of met andere doctypes.

En ik ben weer eens tra-a-a-g.

[Voor 13% gewijzigd door CodeCaster op 10-11-2010 14:00]

As always, we are nailed to a cross of our own construction.

woensdag 10 november 2010 13:56

Acties:

0Henk 'm!

Struikrover

Discussiewinnaar 2015

Het lijkt erop dat TS niet echt genoeg troubleshooting heeft gedaan.

Styling is verder niet relevant denk ik.

Het is of wel relevant, of je spookt iets anders raars uit, want bij ons werkt je code gewoon goed. Het zou helpen als je de URL naar de relevante pagina kunt geven.

[Voor 12% gewijzigd door Struikrover op 10-11-2010 13:56]

Like brothers on a hotel bed

woensdag 10 november 2010 14:04

Acties:

0Henk 'm!

JaFFoG

Topicstarter

Struikrover schreef op woensdag 10 november 2010 @ 13:40:
Misschien is het verstandig om je browserversies even te melden?

Sorry, versie is gelijk aan die jij hebt, 7.0.517.44.

Ik heb je code namelijk een op een overgenomen in een html-document en bij mij werkt het wel goed (...)

Vreemd, jouw voorbeeld werkt bij mij ook goed.

RaZ schreef op woensdag 10 november 2010 @ 13:41:
Lijkt er wel op alsof de eerste li, binnen de ul, als eerste binnen de ol gezien wordt.

Precies!

Je kan overigens bij een li de start meegeven, en zo dus bij 1 laten beginnen met nummeren.

Heb ik inderdaad geprobeerd, maar helaas zonder effect.

X-Lars schreef op woensdag 10 november 2010 @ 13:45:
(...) Heb je gekeken wat er gebeurt als je de CSS (en Javascript) eens helemaal uit zet?

Zonder CSS wordt het zonder problemen weergegeven. Dus tóch relevant... Het blijkt hier aan te liggen:

Cascading Stylesheet:

1
2
3

ul > li > ol {
    display: inline;
}

Door "inline" gebeuren er vreemde dingen met de telling in Chrome, al dan niet correct. Interessant om eens nader te bekijken, maar niet voor nu. Bedankt voor de suggesties (en een voorzet die ik natuurlijk zelf ook had moeten bedenken, maarja, zo gaat het wel vaker natuurlijk

Struikrover schreef op woensdag 10 november 2010 @ 13:56:
Het lijkt erop dat TS niet echt genoeg troubleshooting heeft gedaan.

Het is of wel relevant, of je spookt iets anders raars uit, want bij ons werkt je code gewoon goed. Het zou helpen als je de URL naar de relevante pagina kunt geven.

Je hebt helemaal gelijk! Mijn enige excuus is "tunnelvisie".

Bla

Pagina: 1

Reageer

Onderwerpen

Tweakers maakt gebruik van cookies

Forum cookie-instellingen

Functionele en analytische cookies

Cookies van derden