Prognoza średniego kursu za tysiąc odsłon 1,2 zł (na dziś)

Statystyki na miesiąc:
luty
 (wszystkie)
Stan z: 07 lutego 12, 08:48
Ile przeglądarek internetowych masz w systemie?







Kategoria:

Jak zrobić, aby lista była punktowana za pomocą dowolnego obrazka

Dodano: środa, 16 czerwca 10

Mamy w HTMLu kilka różnych typów markerów do listy:
- lista kropkowana,
- lista numerowana,
- lista punktowana a), b), c)
i tak dalej. Czasami chciałoby się zamiast stadnardowych kropek, kwadracików, liczb wstawić jakiś obrazek malutki, np strzałeczkę. Aby to uczynić wystarczy wykorzystać kaskadowy arkusz styli. W pliku .css wpisujemy:

selektor

{

      list-style-image: url(ścieżka dostępu) 

}

gdzie selektor to np ul - wtedy wszystkie listy <ul></ul> będą miały markery z obrazka, który wskazujemy w ścieżka dostępu.

przykład:

ul

{

     list-style-image: url('strzalka.jpg')

 

oceń: 
Autor: amp

Komentarze

Kiepski przykład. Z tego co się orientuję, nie wszystkie przeglądarki to interpretują. Prościej jest nadać tło niż bawić się w list-style, przykład:
HTML:
<ul id="lista">
<li>Podpunkt 1</li>
<li>Podpunkt 2</li>
</ul>

CSS:
ul#lista li{
background:url(strzalka.jpg) left center no-repeat;
padding-left:5px; //wcięcie by tekst nie zachodził na tlo czyli naszą strzałkę.
}

To przynajmniej działa wszędzie ;)
}

e-mazi.pl

(13.12.2010, 17:19)
Wyślij do przyjaciół
   
 

Nie znalazłeś interesującego Cię materiału...?
Dodaj temat do POSZUKIWANYCH!!!

Ostatnio zaproponowane tematy:
Log ComboFix - prośba o sprawdzenie
laptop Fujitsu Siemens model V2055WL1
Acer aspre 5737z
CPUCool

Jesteś autorem ciekawego skryptu lub znalazłeś go w sieci?

- chcesz podzielić się swoją wiedzą z innymi
- zaistnieć w społeczności VISTA.PL
- zarabiać na dodanych przez Ciebie skryptach

Dołącz do społeczności VISTA.PL