DracKo
High Admin
Data inscrierii: 09/Oct/2006
Mesaje: 1841
|
 Trimis: 05/10/2007 20:24 Titlul subiectului: Stiluri pentru liste |
 |
|
6.1 list-style-type
Folosind eticheta ol din HTML cream liste ordonate sau numerotate. Adaugand comenzi CSS in zona HEAD putem adauga pe langa numere si cifre sau alte simboluri. browserul Netscape nu permite asocierea comenzilor CSS decat pentru eticheta li.
Sintaxa este:
<style>
<li>
</style>
valoarea poate fi:
valoare disc
disc disc
circle cerc
square patrat
decimal numere intregi
lower-roman numere romane, caractere mici (i, ii, iii, iv)
upper-roman numere romane, caractere mari (I, II, III, IV)
upper-alpha litere mari (A, B, C, D)
lower-alpha litere mici (a, b, c, d)
none nimic
Exemplu: lista ordonata folosind marcaje cu litere mici
<html>
<head>
<title>Exemplu 6_1</title>
<style>
<li>
</style>
</head>
<body>
Necesar materiale:
<ol>
<li>caramida</li>
<li>ciment</li>
<li>ipsos</li>
</ol>
</body>
</html>
6.2 list-style-image
In afara simbolurilor de marcaj prestabilite vestite de browser pot fi utilizate si imagini prin comansa CSS list-style-image. Imaginile sunt introduse prin adresa url().
Exemplu: lista ordonata utilizând ca marcaj imaginea punct.gif
<html>
<head>
<title>Exemplu 6_2</title>
<style>
<li>
</style>
</head>
<body>
Necesar materiale:
<ul>
<li>caramida</li>
<li>ciment</li>
<li>ipsos</li>
</ul>
</body>
</html>
_________________
[URL=http://imageshack.us] [/URL] |
|
