Hier bist Du: Home « Tipps und Tricks « Listen ohne Einzug

Tipps und Tricks: Listen ohne Einzug

Das Problem kennt jeder: Mehrere Spalten auf einer Seite und eine Liste lässt sich nicht verwenden, da sie zu weit eingerückt wird. Das lässt sich aber abstellen.
Eine Liste:

Und hier ohne Einzug:

Internet Explorer 5.x, Netscape 4.7, Opera 5, Mozilla 1.0, Mozilla Firefox 0.8
<ol style="list-style-type:upper-roman;">
<li>Eintrag </li>
<li>Eintrag </li>
<li>Eintrag </li>
<li>Eintrag </li>
<li>Eintrag </li>
<li>Eintrag </li>
</ol>

Die Eigenschaft list-style-type legt für <ul>-Listen Aufzählungszeichen und für <ol>-Listen Nummerierungsformate fest. Der Wert upper-roman steht für große römische Ziffern (I,II,III,IV,...), lower-roman für kleine (i,ii,iii,iv,...).

Ab CSS 2 bietet list-style-type noch weitere Möglichkeiten, wie hebräische, japanische, und griechische Nummerierungen.