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;
}