Main | Stiluri pentru liste - Forum | Registration | Login
[ New messages · Members · Forum rules · Search · RSS ]
Page 1 of 11
Forum » Tutoriale » CSS » Stiluri pentru liste
Stiluri pentru liste
BudalahDate: Wednesday, 2009-06-24, 0:58:42 AM | Message # 1
Owner
Group: Administrator
Messages: 49
Awards: 1
Reputation: 100
Status: Offline
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 type="text/css">
<!--
li {list-style-type: valoare;}
-->
</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

<html>
<head>
<title>Exemplu 6_1</title>
<style type="text/css">
<!--
li {list-style-type: lower-alpha;}
-->
</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 cunoscute de browser pot fi folosite si imagini prin comansa CSS list-style-image. Imaginile sunt introduse prin adresa url().

<html>
<head>
<title>Exemplu 6_2</title>
<style type="text/css">
<!--
li {list-style-image: url(punct.gif);}
-->
</style>
</head>
<body>
Necesar materiale:
<ul>
<li>caramida</li>
<li>ciment</li>
<li>ipsos</li>
</ul>
</body>
</html>


Toată lumea vrea să meargă în Rai, dar nimeni nu vrea să moară.
 
Forum » Tutoriale » CSS » Stiluri pentru liste
Page 1 of 11
Search:

Statusuri & Avatare | Zeroo | Filme Noi Gratis | Cauta Stiri Online | Director Web | TopRank.ro | Games free | Siteuri | Biorezonanta | Link-ul tau aici! | Link-ul tau aici! |
Copyright Budalah © 2018

Smarty Web Director publicitate online, web design si promovare pe internet Promote your business! Web Top Gratuit Top Xchange Top-Director - Director Linkuri Pagina indexata de motorul de cautare Romanesc LinkPro - Director Web Top-Director - Director Linkuri