Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

[CSS] Lists inline met nummering?

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.