Trennlinie bei Listenpunkten

[satre]

Tach,
ich möchte bei einer nummerierten Liste, die einzelnen Punkte mit einer gestrichelten Linie abtrennen. Das funktioniert so weit auch wunderbar. Nur leider werden die Aufzählungszeichen nicht mit unterstrichen. (siehe Anhang)

Mein bisheriger CSS-Code:

<style type="text/css">
.trenn {
line-heigt:150%;
}
.trenn li{
border-bottom:2px dotted #aaa;
padding:10px 0;
}
</style>

Und die Liste:

<ol class="trenn">
<li>Punkt1</li>
<li>Punkt2</li>
<li>Punkt3</li>
</ol>

Weiß jemand Rat?

[webcreate]

Das mal gecheckt?
http://www.css4you.de/list-style-position.html

[satre]

Danke, das wäre eine Möglichkeit.
Ich finde es bloß nicht so schick, dass der Text in der neuen Zeile linksbündig zum Aufzählungszeichen abschließt.

Gibts weitere Vorschläge?

Zitat von satre

Danke, das wäre eine Möglichkeit.
Ich finde es bloß nicht so schick, dass der Text in der neuen Zeile linksbündig zum Aufzählungszeichen abschließt.

Gibts weitere Vorschläge?

bis auf das list-style fällt mir auch nicht mehr viel ein. höchstens ne paddingorgie mit ´nem p im li oder sö.

ansonsten halt ne tabelle mit zwei zellen und in die linke die nummer und in die rechte den text und dadrunter ne 1px hohe reihe in der ein spacergif liegt und die punkte als hintergrund hat und die komplett in einer anderen tabelle steckt ... okok, ich hör schon auf

[webcreate]

Ich habe nun auch mal rumgetestet, aber ich hab auch nichts gefunden.
Wollte schon den li Inhalt in ein weiteres Element legen, aber dabei wird (warum auch immer) ein Zeilenumbruch nicht mit eingeschlossen und man hat auch noch mehr code ...

[satre]

ansonsten halt ne tabelle mit zwei zellen und in die linke die nummer und in die rechte den text und dadrunter ne 1px hohe reihe in der ein spacergif liegt und die punkte als hintergrund hat und die komplett in einer anderen tabelle steckt ...

Welch köstlicher Einfall.

Ich glaube ich werde (nicht ganz so) schweren Herzens auf die Linie unter dem Aufzählungszeichen verzichten, nachdem ich es auch mit gestrichelten gifs als Hintergrundbild, paddings oder text-indents versucht habe.

Oder ich schicke eine Mail ans WC3, dass sie diese Funktion in die nächste XHTML-Version einbauen.