Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

[CSS] Lists inline met nummering?

Anoniem
None
4 antwoorden
  • Hoi allemaal,

    Ik wil het volgende: ik wil een lijst met nummering, dus bijvoorbeeld:
    1. AZ
    2. Ajax
    3. Feyenoord
    4. PSV

    Zo laten zien:
    1. AZ 2. Ajax 3. Feyenoord 4. PSV

    Horizontaal dus.

    Ik heb hiervoor de volgende CSS codes geprobeerd:
    [code:1:9be26cc743]
    ol {
    list-style-type: decimal;
    display: inline;
    }
    li {
    list-style-type: decimal;
    display: inline;
    }
    [/code:1:9be26cc743]
    Maar ik krijg dan de volgende output in zowel IE als Firefox:
    AZ Ajax Feyenoord PSV

    De nummers worden dus weggelaten.

    Ik heb display: inline als eens weggelaten bij zowel de ol en de li en ook de list-style-type bij beide een keer weggelaten, maar dat helpt allemaal niet.

    Hoe moet het wel? Alvast bedankt!
  • float: left en een width voor de li maakt dat de items naast elkaar komen. Althans, in de modernere en betere browsers. (IE6 en lager iig dus al niet; heb nu geen IE7 bij de hand, maar ik gok dat-ie het daar wel doet.) Volgens mij is er voor IE geen oplossing voorhanden (behalve handmatig de lijst te nummeren).

    [size=9:8b4c3f15aa]Overigens is dit dus meer voor het webdesignforum, niet webprogrammeren.[/size:8b4c3f15aa]
  • [quote:72cfb27a90="boelieboelie"]float: left en een width voor de li maakt dat de items naast elkaar komen. Althans, in de modernere en betere browsers. (IE6 en lager iig dus al niet; heb nu geen IE7 bij de hand, maar ik gok dat-ie het daar wel doet.) Volgens mij is er voor IE geen oplossing voorhanden (behalve handmatig de lijst te nummeren).
    [/quote:72cfb27a90] Oké, bedankt! Ik ga het proberen![quote:72cfb27a90="boelieboelie"]
    [size=9:72cfb27a90]Overigens is dit dus meer voor het webdesignforum, niet webprogrammeren.[/size:72cfb27a90][/quote:72cfb27a90]Zal er de volgende keer aan denken!
  • schopje!

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.