DHTML0075

Stosowanie właściwości stylu listy

Listing 43. Punkty tej listy będą miały przed sobą nie zwyczajne symbole, lecz podany obrazek

html>

neać>

-meta http-equiv "Conteńt-Type"

->::ontent="te:-._/htm 1; charser.-1S0- 9859-2"> title>Liscing A.3</title>

• style typę="ce>:i/cs$">

'-.I I list-style-image :

-►url (. ./irnages/strzalka.gif) ;

</stiy.Xe>

/head>

nody bgcolor - ”#FPFFF?*^,,> p>Lista zadań do zrobienia:

<ul>

<!i>Przetłumaczyć książkę <li>Zrobić przykłady <li>Zrobić rysunki <li>Zrobić korektę tekstu < 1 i.>Pojechać na wakacje </ul>

/body>

/htmi>

Rysunek 4.3. Różne części listy są oznaczone za pomocą graficznych strzałek.

Tworzenie własnych symboli

Nie jesteś ograniczony do stosowania aktualnych stylów symboli wbudowanych w przeglądarki (patrz strona 66). Jako symboli list możesz użyć dowolnych grafik, zapisanych w formatach GIF, JPG oraz PNG (tylko dla wspomagających przeglądarek). Najpierw jednak musisz stworzyć grafikę w odpowiednim programie (np. Adobe Photoshop).

Aby zdefiniować własny symbol graficzny

1.    U

Rozpocznij definicję od podania selektora listy.

2.    list-style-image:

Wpisz nazwę właściwości i dwukropek.

3.    url(../images/strzalka.gif);

Aby użyć własnego symbolu, będziesz musiał poinformować przeglądarkę, w jakim miejscu symbol jest przechowywany.

Aby to zrobić, możesz użyć pełnego adresu WWW lub lokalnej nazwy pliku graficznego. W tym przypadku ../images -»/strzalka.gif jest lokalnym adresem pliku, który można odnaleźć wychodząc do kartoteki wyższej, a następnie wchodząc do kartoteki images.

4.    Możesz także podać wartość nonę, która zastąpi wszelkie odziedziczone obrazki symboli.

5.    ;)

Zakończ definicję zapisując średnik. Teraz możesz podać inne definicje i zakończyć regułę znakiem klamrowego nawiasu zamykającego }.

S Rady

■    Właściwość list-style-image nie jest dostępna w Netscape Navigatorze.

■    Graficzne symbole listy są wspaniałym sposobem poprawiania wyglądu strony przy jednoczesnym zminimalizowaniu czasu jej ładowania.

Tworzenie wica snych symboli

TT