plenist: CSS counter-reset funktioniert nicht so, wie er soll

Beitrag lesen

Moin Martin,

Soweit ich dich verstanden habe, soll mit jedem h3-Element der counter hochgezählt werden. Dann wäre es für mich logisch, ihn mit einem h2-Element wieder zurückzusetzen. Hast du das so?

Hatte ich nicht, habs gerade mal eingebaut: vor dem <h3> ein <h2> eingefügt, Ergebnis wie vor, also war nix.

Ich versuch mal den Text hier einzufügen:

<!--- CSS -->

@media screen {
   .print {
     display: none;
}

body {
  width: 210mm; 
  height: 296mm;
  margin: 0mm; 
  padding: 0mm;
  overflow: scroll;
  background: white;
  color: black;
  position: relative;
  page-break-after: always;
  font-family: Times New Roman,sans-serif; 
  font-size: 20px;
  counter-reset: kapnum abbnum pagnum;
}

@page { 
  size: 210mm 296mm; 
  overflow: hidden;
  background: white;
  color: black;
  position: relative;
  page-break-after: always;
  font-family: Times New Roman,sans-serif; 
  font-size: 20px;
}

@page :left { 
   margin-left: 15mm; margin-right: 20mm;  
}
@page :right { 
  margin-left: 20mm; margin-right: 15mm;  
}

@page :header {
  margin-top: 5mm; 
  height: 20mm;
  width: 210mm;
  position: absolute;
  text-align: center; 
  font-size: 25px;
}

@page :inhalt {  
  margin-top: 25mm;
  margin-bottom: 270mm;  
  height: 270mm;
  width: 210mm; 
  position: absolute;
  font-size: 20px;
}

@page :footer { 
  margin-top: 270mm; 
  height: 25mm;
  width: 210mm;
  position: absolute;
  text-align: center; 
  font-size: 15px;
  page-break-after: always;
}


sheet {
  width: 210mm; 
  height: 296mm;
  position: relative;
  page-break-after: always;
}

p { 
  widows: 4;  orphans: 3;
}

.q {
  text-align: center;
  font-style: italic;
}

* {
       box-sizing: border-box;
       -moz-box-sizing: border-box;
   }


.zweispaltig { 
  columns: 2;
  text-align: justify; 
  font-size: 18px;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.zweispaltig::after {
    content: "";
    clear: both;
    display: table;
}



.roundimg {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%
}



ul.leaders {
    max-width: 175mm;
    padding: 0;
    overflow-x: hidden;
    list-style: none}
ul.leaders li:before {
    float: left;
    width: 0;
    white-space: nowrap;
    content:
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "}
ul.leaders li:after {
    float: left;
    width: 0;
    white-space: nowrap;
    content:
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "}
ul.leaders span:first-child {
    padding-right: 0.38em;
    background: white}
ul.leaders span + span {
    float: right;
    padding-left: 0.38em;
    background: white;
    position: relative;
    z-index: 1}

h2  { 
  counter-reset: abbnum 0; 
}

h3  { 
  counter-increment: kapnum; 
}

h3::after { content: "Kapitel: " counter(kapnum) "  Abbildung: " counter(abbnum) } 


abb  { 
  counter-increment: abbnum; 
  font-size: 15px;
  text-align: center;
  font-style: oblique;
  font-weight: normal;
} 

abb::before { content: "Abb. " counter(kapnum) "." counter(abbnum) ": " } 

nbr  {  
  counter-increment: pagnum;
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
  text-align: center;
} 

nbr::before { content: "-  " counter(pagnum) "  -" } 

<!--- HTML -->

<html>

<head>
......
</head>

<body>

<!-- Seite 6 - links - Abstand 15 - 20 -->
<page style="overflow: hidden;">

<div class="header" style="border-top: 5mm; border-bottom: 2px solid black;">
<p style="text-align: center; font-size: 25px;">Auf den Spuren von Johann Adam Schürmann</p>
<p style="text-align: center; font-size: 20px; font-weight: bold;">Gliederung des Buches und Inhaltsverzeichnis</p>
</div>
<br />
<div class="inhalt" style="display: flow-root;">
<div style="padding-left: 15mm; padding-right: 20mm; float: left; width=175mm;">
<h2></h2>
<h3></h3>

<p align="center">
<img src="Docs/Bilder/JAS/slides/Erstes_Schulbuch.jpg" width="70%" height="70%"></img>
</p>
 <p align="center"><abb>
Das Schulbuch aus dem Jahr 1851.
</abb></p>

<p align="center">
<img src="Docs/Bilder/JAS/slides/Plakette_William_2015.jpg" width="70%" height="70%"></img>
</p>

<p align="center"><abb>
2015 stifteten die Familien, anlässlich des 200. Geburtstagsjubiläums von Pastor Clamor Wilhelm, die oben abgebildete Plakette auf Williams Grab.
</abb></p>

</div>
</div>


<div class="footer" style="margin-top: 0mm; border-top: 1px solid black;">
<p style="text-align: center;">&nbsp;</p>
<p style="text-align: center;"><nbr></nbr></p>
</div>
</page>



<!-- Seite 7 - rechts - Abstand 20 - 15 -->
<page style="overflow: hidden;">

<div class="header" style="border-top: 5mm; border-bottom: 2px solid black;">
<p style="text-align: center; font-size: 25px;">Auf den Spuren von Johann Adam Schürmann</p>
<p style="text-align: center; font-size: 20px; font-weight: bold;">Gliederung des Buches und Inhaltsverzeichnis</p>
</div>
<br />
<div class="inhalt" style="display: flow-root;">
<div style="padding-left: 20mm; padding-right: 15mm; float: left; width=175mm;">
<h2></h2>
<h3></h3>

<p align="center">
<img src="Docs/Bilder/Lehrer/slides/John_Arundel.jpg" width="50%" height="50%"></img>
</p>
<p align="center"><abb>
John Arundel<br />
(* 10. Dezember 1778&nbsp;&nbsp;&nbsp;† 5. März 1848)
</abb></p>

Arundel war ein angesehener englischer Theologe und Pastor. Von 1820 bis 1846 war er "Home" Sekretär (Geschäftsführer) für die London Missionary Society.


<p align="center">
<img src="Docs/Bilder/Lehrer/slides/Bild_43a.jpg" width="50%" height="50%"></img>
</p>
<p align="center"><abb>
"Meeting House" auch "Mr. Arundel's Chapel" genannt, London Southwark, Union Street. 
</abb></p>

Das Gebäude wurde nach dem Bau von 1783 bis 1881 als Methodisten- und Kongregationalisten-Kirche genutzt, danach verkauft und in eine Sportarena umgewandelt. Wegen ihrer Form erhielt sie den Namen "The Ring".
<br /><br />
Die Ordination wurde von den Pastoren und Theologen Dr. Thomas Henderson, Mr. William Ellis, Mr. John Arundel, Mr. Thomas Lewis, Mr. James Cooper, Mr. Cone und Mr. John Clayton vorgenommen.

</div>
</div>


<div class="footer" style="margin-top: 0mm; border-top: 1px solid black;">
<p style="text-align: center;">&nbsp;</p>
<p style="text-align: center;"><nbr></nbr></p>
</div>
</page>



<!-- Seite 8 - links - Abstand 15 - 20 -->
<page style="overflow: hidden;">
<div class="header" style="border-top: 5mm; border-bottom: 2px solid black;">
<p style="text-align: center; font-size: 25px;">Auf den Spuren von Johann Adam Schürmann</p>
<p style="text-align: center; font-size: 20px; font-weight: bold;">Gliederung des Buches und Inhaltsverzeichnis</p>
</div>
<br />
<div class="inhalt" style="display: flow-root;">
<div style="padding-left: 20mm; padding-right: 15mm; float: left; width=175mm;">

<p align="center">
<img src="Docs/Bilder/JAS/slides/John_Cameron_Lowrie.jpg" width="50%" height="50%"></img>
</p>
<p align="center"><abb>
John Cameron Lowrie<br />
(* 16. Dezember 1808&nbsp;&nbsp;&nbsp;† 31. Mai 1900)
</abb></p>

Reverend Dr. John Lowrie war der Sohn von Hon. Walter Lowrie. Er wurde 1832 Sekretär der "Western Foreign Missionary Society" in Indien und war der erste presbyterianische Missionar. Mit seiner Frau reiste er 1833 in die Mission. Dort gründete er die ersten Kirchen und Mis­sionsschulen. Johann Adam Schürmann und John Lowrie dürften sich dort kennengelernt und in Verbindung gestanden haben.
<p align="center">
<img src="Docs/Bilder/JAS/slides/Walter_Lowrie.jpg" width="50%" height="50%"></img>
</p>
<p align="center"><abb>
Walter Lowrie<br />
(* 10. Dezember 1784&nbsp;&nbsp;&nbsp;† 10. Dezember 1868)
</abb></p>

Von dem "ehrenwerten Mr. Walter Lowrie", wurde er eingeladen und konnte in dessen Haus wohnen.
Reverend Hon. Walter Lowrie wurde in Schottland geboren. Er kam mit seinen Eltern in die USA, war Lehrer, Landvermesser, Theologe, Politiker, demokratisch-republikanischer Abgeordneter in Pennsylvania und Senator im Repräsentantenhaus der USA. Später arbeitete er für die presbyterianische Kirche der USA, war dort Sekretär für auswärtige Missionen. Lowrie war also auch verantwortlich für deren Missionare in Indien.

</div>
</div>


<div class="footer" style="margin-top: 0mm; border-top: 1px solid black;">
<p style="text-align: center;">&nbsp;</p>
<p style="text-align: center;"><nbr></nbr></p>
</div>
</page>




<!-- Seite 9 - rechts - Abstand 20 - 15 -->
<page style="overflow: hidden;">

<div class="header" style="border-top: 5mm; border-bottom: 2px solid black;">
<p style="text-align: center; font-size: 25px;">Auf den Spuren von Johann Adam Schürmann</p>
<p style="text-align: center; font-size: 20px; font-weight: bold;">Gliederung des Buches und Inhaltsverzeichnis</p>
</div>
<br />
<div class="inhalt" style="display: flow-root;">
<div style="padding-left: 20mm; padding-right: 15mm; float: left; width=175mm;">
<h2></h2>
<h3></h3>

<p align="center">
<img src="Docs/Bilder/Zeitgeschehen/slides/Kft_B-L_1789.jpg" width="100%" height="100%"></img>
</p>
<p align="center"><abb>
Die Karte des Kurfürstentums Braunschweig - Lüneburg von 1789, dem das ehemalige Fürstbistum Osnabrück 1802 zugeschlagen wurde.
</abb></p>

Diese Zuordnung währte nicht lange. Napoleon beherrschte mit seinen Truppen und durch siegreiche Schlachten mehr und mehr Staaten und Regionen in Mitteleuropa. In den Schlachten von Jena und Auerstedt besiegte er Ende 1806 die Koalition der preußischen und russischen Truppen. In dem "Frieden von Tilsit" im Juli 1807 verlor Preußen wesentliche Teile seines westlichen Territoriums.

<p align="center">
<img src="Docs/Bilder/Zeitgeschehen/slides/Preussen-1806.jpg" width="100%" height="100%"></img>
</p>
<p align="center"><abb>
Karte des Königreichs Preußen, zu dem seit 1806 auch das ehemalige Fürstbistum Osnabrück gehörte.
</abb></p>

Der braun eingefärbte Kartenteil zeigt das Territorium Preußens nach dem Frieden von Tilsit 1807.

<p align="center">
<img src="Docs/Bilder/Zeitgeschehen/slides/Wappen_Kft_B-L.jpg" width="50%" height="50%"></img>
</p>
<p align="center"><abb>
Das Wappen des Kurfürsten von Braunschweig - Lüneburg.
</abb></p>

<p align="center">
<img src="Docs/Bilder/Zeitgeschehen/slides/Wappen_Koenigreich_Preussen.jpg" width="65%" height="65%"></img>
</p>
<p align="center"><abb>
Wappen des Königs von Preußen.
</abb></p>

</div>
</div>


<div class="footer" style="margin-top: 0mm; border-top: 1px solid black;">
<p style="text-align: center;">&nbsp;</p>
<p style="text-align: center;"><nbr></nbr></p>
</div>
</page>




</body>

</html>

Soderle, paßt es jetzt besser?

Gruß Klaus