[CSS] Problem z listowaniem w CSS

0

Problem jest następujący:
Formatuję listę za pomocą CSS, deklarując arkusz styli w dokumencie HTML. Wszystko działa (ad. 1) Jednak gdy zadeklaruję style w zewnętrznym pliku CSS, tekst nie chce się formatować (ad. 2)

ad. 1

<HTML>

<HEAD>
<style type="text/css"">
    LI.jeden
    {
    list-style-type:disc;
    list-style-position:inside;
    }
    LI.dwa 
    {
    list-style-type:circle;
    list-style-position:inside;
    }
    LI.trzy 
    {
    list-style-type:square;
    list-style-position:inside;
    }
    LI.cztery
    {
    list-style-type:decimal;
    list-style-position:inside;
    }
    LI.piec 
    {
    list-style-type:Lower-roman ;
    list-style-position:inside;
    }
LI.szesc 
    {
    list-style-type:upper-roman ;
    list-style-position:inside;
    }
LI.siedem
    {
    list-style-type:lower-alpha ;
    list-style-position:inside;
    }
LI.osiem
    {
    list-style-type:upper-alpha ;
    list-style-position:inside;
    }
LI.dziewiec
    {
    list-style-type:none ;
    list-style-position:inside;
    }
LI.dziesiec
    {
    list-style-image:url('./obrazek.GIF');
    list-style-position:inside;
    }
</style>
</HEAD>

<BODY>

    Oto przykładowa lista:
    <UL>
        <LI CLASS="jeden"> elem 1 formatowanie: disc
        <LI CLASS="dwa"> elem 2 formatowanie: circle
        <LI CLASS="trzy"> elem 3 formatowanie: square
    <LI CLASS="cztery"> elem 4 formatowanie: decimal
    <LI CLASS="piec"> elem 5 formatowanie: lower-roman
    <LI CLASS="szesc"> elem 6 formatowanie: upper-roman
    <LI CLASS="siedem"> elem 7 formatowanie: lower-alpha
    <LI CLASS="osiem"> elem 8 formatowanie: upper-alpha
    <LI CLASS="dziewiec"> elem 9 bez formatowania
    <LI CLASS="dziesiec"> elem 10 formatowanie: image
    </UL> 

</BODY>

</HTML>

ad. 2

<HTML>

<HEAD>

<link rel="stylesheet" href="style.css">
</HEAD>

<BODY>

    Oto przykładowa lista:
    <UL>
        <LI CLASS="jeden"> elem 1
        <LI CLASS="dwa"> elem 2
        <LI CLASS="trzy"> elem 3
    <LI CLASS="cztery"> elem 4
    <LI CLASS="piec"> elem 5
    <LI CLASS="szesc"> elem 6
    <LI CLASS="siedem"> elem 7
    <LI CLASS="osiem"> elem 8
    <LI CLASS="dziewiec"> elem 9(BEZ FORMATOWANIA)
    <LI CLASS="dziesiec"> elem 10
    </UL> 

</BODY>

</HTML>
LI.jeden
    {
    list-style-type:disc;
    list-style-position:inside;
    }

LI.dwa 
    {
    list-style-type:circle;
    list-style-position:inside;
    }

LI.trzy 
    {
    list-style-type:square;
    list-style-position:inside;
    }

LI.cztery
    {
    list-style-type:decimal;
    list-style-position:inside;
    }

LI.piec 
    {
    list-style-type:Lower-roman ;
    list-style-position:inside;
    }

LI.szesc 
    {
    list-style-type:upper-roman ;
    list-style-position:inside;
    }

LI.siedem
    {
    list-style-type:lower-alpha ;
    list-style-position:inside;
    }

LI.osiem
    {
    list-style-type:upper-alpha ;
    list-style-position:inside;
    }

LI.dziewiec
    {
    list-style-type:none ;
    list-style-position:inside;
    }

LI.dziesiec
    {
    list-style-image:url('./obrazek.GIF');
    list-style-position:inside;
    }
0
  1. sprawdź wielkość liter w nazwach plików, ścieżki do plików.
  2. elementy
  3. należy zamykać za pomocą </li>
  4. nazwy tagów należy pisać z małej litery.

Problem leży pewno gdzieś w pktcie. 1 sprawdziłem to u siebie i bangla

0

Koziołek: Ad 2 i Ad 3: Niekoniecznie, w HTML nie trzeba robić żadnej z tych rzeczy ;-)

0

@Ktos, zboczenie zawodowe. Po prostu jestem wyczulony na takie cuda po pewnym refaktoringu kodu. Poza tym jak to zrobisz zgodnie z xmlem to przesiadka na xhtmla ograniczy się do zmiany doctypa i wycięcia niektórych elementów.

1 użytkowników online, w tym zalogowanych: 0, gości: 1, botów: 0