Eingereicht von Charlie am 23. Sep 2007 - 18:31 Uhr
Listen finden immer mehr Anwendungen auf den Webseiten.
Ob als Menu oder in einem Beitrag Listen sind sehr beliebt.
In diesem Beitrag möchte ich euch das gestalten und einbauen von Listen näher bringen.
In der CSS legt man fest wie eine Liste auszusehen hat.
Mit list-style und den entsprechenden Parameter sehen Listen unterschiedlich aus.
Bei ol Listen sind folgende Parameter anzugeben:
none: keine Nummerierung
decimal: erzeugt in der Auflistung Ziffern wie 1., 2., 3. etc.
lower-roman: erzeugt kleine, römische Zahlen wie i., ii, iii,
upper-roman
: hier werden "normale" römische zahlen gebildet, wie I., II., III.
lower-alpha : Kleinbuchstaben: a., b.,c.,
upper-alpha: Grossbuchstaben:A.,B.,C.
z.b.:
- none
- dezimal
- lower-roman
der Code dazu sieht dann so aus:
<ol type="upper-alpha">
<li style="color:blue">none</li>
<li style="color:red">dezimal</li>
<li style="color:blue">lower-roman</li>
</ol>
Es gibt 3 verschiedene Bulletzeichen disc, square, und circle.
disc: ein Punkt
square: Quatrat
circle: Kreis
z.b.:
Der Code dazu sieht so aus:
<ul type=
"square">
<li>disc</li>
<li>square</li>
<li>circle</li>
</ul>
<ul type=
"disc">
<li>disc</li>
<li>square</li>
<li>circle</li>
</ul>
<ul type=
"circle">
<li>disc</li>
<li>square</li>
<li>circle</li>
</ul>