Toon posts:

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

Pagina: 1
Acties:

Onderwerpen


  • JaFFoG
  • Registratie: januari 2003
  • Laatst online: 05-09 12:18
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:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<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


  • Struikrover
  • Registratie: juni 2005
  • Laatst online: 17-09 08:07

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


  • RaZ
  • Registratie: november 2000
  • Niet online
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.

  • X-Lars
  • Registratie: januari 2004
  • Niet online

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?

  • CodeCaster
  • Registratie: juni 2003
  • Niet online

CodeCaster

👌👀 good shit ✔💯

HTML:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!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.


  • Struikrover
  • Registratie: juni 2005
  • Laatst online: 17-09 08:07

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


  • JaFFoG
  • Registratie: januari 2003
  • Laatst online: 05-09 12:18
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 8)7 )!
d:)b :w
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


Nintendo Switch (OLED model) Apple iPhone 13 LG G1 Google Pixel 6 Call of Duty: Vanguard Samsung Galaxy S21 5G Apple iPad Pro (2021) 11" Wi-Fi, 8GB ram Nintendo Switch Lite

Tweakers vormt samen met Hardware Info, AutoTrack, Gaspedaal.nl, Nationale Vacaturebank, Intermediair en Independer DPG Online Services B.V.
Alle rechten voorbehouden © 1998 - 2021 Hosting door True

Tweakers maakt gebruik van cookies

Bij het bezoeken van het forum plaatst Tweakers alleen functionele en analytische cookies voor optimalisatie en analyse om de website-ervaring te verbeteren. Op het forum worden geen trackingcookies geplaatst. Voor het bekijken van video's en grafieken van derden vragen we je toestemming, we gebruiken daarvoor externe tooling die mogelijk cookies kunnen plaatsen.

Meer informatie vind je in ons cookiebeleid.

Sluiten

Forum cookie-instellingen

Bekijk de onderstaande instellingen en maak je keuze. Meer informatie vind je in ons cookiebeleid.

Functionele en analytische cookies

Deze cookies helpen de website zijn functies uit te voeren en zijn verplicht. Meer details

janee

    Cookies van derden

    Deze cookies kunnen geplaatst worden door derde partijen via ingesloten content en om de gebruikerservaring van de website te verbeteren. Meer details

    janee