Tutorial Bigbos: Tutorial HTML pe intelesul tuturor,tutoriale html, coduri html, culori html, tabele, liste html, formulare, coduri muzica, coduri video, tutorial xhtml, tutorial css,Tutoriale de initiere in HTML si coduri HTML explicate

• CSS - Liste

In HTML avem doua tipuri de liste:

- ordonate - numere, nuemere romane sau litere
- neordonate - cerculete, buline, patratele etc.

Atributul list din CSS permite modificarea tipului de lista sau sau folosirea unei imagini ca marcador.
Un exemplu practic de a folosi atributul list este:



Pentru a folosi o imagine ca marcador vom folosi:



Mentiune:
NU toate browser-ele vor afisa imaginea in aceasi pozitie. De exemplu Internet Explorer si Opera va afisa imaginea ceva mai sus decat Firefox si Google Chrome.

Pentru a plasa imaginea in pozitia dorita si sa ramana acolo in orice navigator vom:

- folosi imaginea ca background fara sa o repetam.
- vom stabili distanta fata de marginea din stanga si cea de sus.
- vom stabili ca lista sa nu aibe nici un marcador si vom egala margin si padding cu 0 pentru a fi afisat la fel in toate browser-ele.

• Alinierea unei liste

ul.inside {list-style-position:inside}
ul.outside {list-style-position:outside}

Valuarea standard pentru o lista este outside. O valuare precum inside va impinge lista spre interiorul paginii.

• CSS - Forma scurta a unei liste

Va trebuii sa pastram ordinea mentionata mai sus.