Dodatno uredite HTML liste

Liste možemo dodatno urediti koristeći CSS. Možemo mijenjati sliku, boju, izgled, itd. Ovaj CSS kod podržavaju svi preglednici tako da ne bismo trebali imati problema sa implementacijom. Atributi koje možemo koristiti su sljedeći:

list-style-image
list-style-position
list-style-type
marker-offset

Svi atributi mijenjaju izgled markera u listama. Marker je znak koji se pojavljuje prije svakog zapisa u listi. Možemo postaviti vlastito dizajnirani marker, možemo mijenjati nekoliko markera koji su već predefinirani te možemo mijenjati tip markera.

Prvi atribut, list-style-image, prima vrijednost u obliku putanje do slike koju treba staviti kao marker.

HTML
CSS
PHP

Različite markere koji su definirani i koji se koriste u uređenim listama koristimo na sljedeći način:

HTML
CSS

HTML
CSS

HTML
CSS

HTML
CSS

HTML
CSS

Za neuređene liste imamo četiri predefinirana izgleda lista. Evo kako oni izgledaju:

HTML
CSS

HTML
CSS

HTML
CSS

HTML
CSS

I za kraj da vidimo kako se koristi atribut marker-offset.

HTML
CSS

HTML
CSS

Ako ste naučili nešto novo napišite jedan komentar podrške.
Hvala!

Autor: Vedran

Datum objave: 22.02.2008

Za vas smo izdvojili:

■  Izmjena stila scroolbar-a
■  Zaobljeni rubovi bez slika
■  Stiliziranje tekst okvira
■  Zaobljeni rubovi sa CSS-om
■  CSS stranica fiksne širine

Zadnjih 5 članaka

■  Lozinke, lozinke …
■  Kako prebaciti PDF u Word dokument
■  Kako postaviti stranicu na Internet
■  Cyclic Redundancy Check error
■  Riješite se Antivirus 2009 - rogue programa

KOMENTARI:

Nema još ni jednog komentara.

Samo registrirani korisnici mogu komentirati.