Leonard: verschiedene Listenformatierungen

Beitrag lesen

Hallöle,

ich blicke mal wieder bei meine eigenen Schusseligkeit nicht durch.

ich habe verschieden Listen, die ich in einer gesonderten CSS-Datei definiere, nur klappen zwei Dinge nicht:
1. - ich möchte die dritte Ebene nicht mit 1. 2. 3. haben sondern mit a. b. c.
2. - meine aufgeführten Punkte sind meist länger als eine Zeile und eigendlich müssten sie ja Standard mäsßig auf list-style: outside; stehen, sind sie jedoch nicht

Kann mir jemand helfen?

HTML-Datei:

  
<ol class="para">  
	<li>Oberpunkt mit §</li>  
	<li>Oberpunkt mit §</li>  
	<li>Oberpunkt mit §  
	<ol class="absatz">  
		<li>Unterpunkt Ebene 1 mit (1)</li>  
		<li>Unterpunkt Ebene 1 mit (2)</li>  
		<li>Unterpunkt Ebene 1 mit (3)  
		<ol class="absatz2">  
			<li>Unterpunkt Ebene 2 mit a. -</li>  
			<li>Unterpunkt Ebene 2 mit b. - </li>  
			<li>Unterpunkt Ebene 2 mit c. - </li></li>  
		</ol>  
   	     </li>  
	</ol>  
</ol>

und die CSS-Datei:

  
ol.para {  
	counter-reset: item;  
	list-style-position: outside;}  
ol.para li { display: block; }  
ol.para li:before {  
	content: "§" counter(item) " - ";  
	counter-increment: item;  
}  
  
ol.absatz {  
	counter-reset: item;  
	list-style-position: outside;}  
ol.absatz li { display: block; }  
ol.absatz li:before {  
	content: "(" counter(item) ") ";  
	counter-increment: item;  
}  
  
ol.absatz2 {  
	counter-reset: item;  
	list-style-position: outside;  
	list-style: lower-latin;}  
ol.absatz2 li { display: block; }  
ol.absatz2 li:before {  
	content: counter(item) ". -  ";  
	counter-increment: item;  
}

und Aussehen soll es eigentlich so (Die Punkte am Anfang sind wegzudenken):

§1 - Oberpunkt 1 mit §
§2 - Oberpunkt 2 mit §
§3 - Oberpunkt 3 mit §
...(1) Unterpunkt Ebene 1 mit (1)
...(2) Unterpunkt Ebene 1 mit (2)
...(3) Unterpunkt Ebene 1 mit (3)
......a. -  Unterpunkt Ebene 2 mit a. -
......b. -  Unterpunkt Ebene 2 mit b. -
......c. -  Unterpunkt Ebene 2 mit c. -