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

woensdag 10 november 2010 13:33

Acties:

0 Henk 'm!

Topicstarter

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
Afbeeldingslocatie: http://dump.pilcrow.nl/chrome-ul-ol.jpg

Afbeeldingslocatie: http://dump.pilcrow.nl/chrome-ul-ol.jpg

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:

0 Henk 'm!

Struikrover

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 ;) ]

woensdag 10 november 2010 13:41

Acties:

0 Henk 'm!

RaZ

Funky Cold Medina

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.

Ey!! Macarena \o/

woensdag 10 november 2010 13:45

Acties:

0 Henk '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:

0 Henk 'm!

CodeCaster

Can I get uhm...

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 ]

https://oneerlijkewoz.nl
Het ergste moet nog komen / Het leven is een straf / Een uitgestrekte kwelling van de wieg tot aan het graf

woensdag 10 november 2010 13:56

Acties:

0 Henk 'm!

Struikrover

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 ]

woensdag 10 november 2010 14:04

Acties:

0 Henk '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

Onderwerpen