Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

[css] List item probleem

Anoniem
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
  • 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 <img alt=":)" src="/plugins/sceditor/emoticons/smile.png" />
    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.