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] List item probleem

IJsqueen
4 antwoorden
  • Hey,

    Ik heb een erg vaag probleem, waarbij Opera [size=9:40b86fa0f8](en waarschijnlijk alle andere non-IE browsers)[/size:40b86fa0f8] nb. wel goed weergeeft, maar IE niet… :o

    Zie alhier voor het probleem
    CSS:
    [size=9:40b86fa0f8]
    ul{
    list-style-type:square;
    }

    ol, ul{
    font-family : Verdana, MS Sans Serif, arial;
    color: #002848;
    margin-left : 60px;
    width: 420px;
    }[/size:40b86fa0f8]

    Het probleem zit hem in het feit dat ik een list style type heb gedefinieerd (denk ik) en dat die de "harde codering" (VB:)

    <ol type="a">[/color:40b86fa0f8]
    <li>foo</li>
    <li>foo</li>

    <ol type="1">[/color:40b86fa0f8]
    <li>foo</li>
    </ol>
    <li>foo</li>
    <li>foo</li>
    </ol>

    In algemene voorwaarden dwarszit. Nou kan ik OL ook geen list style type geven, want die is de ene keer numeriek en de andere keer alpha.

    Moet ik nou daar ook 2 aparte classes voor maken? (whee, nee!)
  • Ok, ik heb dus toch 2 classes gemaakt.

    Zie hier Alternatieve voorwaarden

    en de CSS:

    [size=9:ba5f0bf4a1]ol.getallen{
    list-style-type:decimal;
    }
    ol.letters{
    list-style-type:lower-alpha;
    }[/size:ba5f0bf4a1]

    Maar wederom hetzelfde euvel…. -snik-
  • Wat dacht je van geneste lijsten?

    [code:1:d4b60eae11]<ol>
    <li>
    <ol>
    <li />
    </ol>
    </li>
    </ol>[/code:1:d4b60eae11]En internet explorer 6 lijkt het niet te ondersteunen.


    edit:/b] Css erbij uitleggen is altijd handig natuurlijk :)
    ol{list-style:/*styling voor de hoodlijst */;}
    ol li ol{list-style: /* styling voor de sublijst */;}


    -termin8or
  • Hier gaat het goed als het er zo uitziet:
    [code:1:adbfd5c933]
    ol, ul{

    font-family : Verdana, "MS Sans Serif", arial;
    color : #002848;
    margin-left : 40px;
    /* width : 420px; */
    }
    [/code:1:adbfd5c933]

    De width is dus weg…
    De cijfers en letter zijn er weer. Alleen de text is veel te breed. kan misschien met een extra p tag of een div.
    Maar vraag mij niet hoe het kan, in Mozilla is het gewoon goed.


    wimb

Beantwoord deze vraag

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