I try to figure out why my ordered list does not correctly work:
This is the HTML:
---------------------
Code: Select all
<td class="TableStyle-Tab_Linie_schmal-BodyC--TabText_LB">
<ol class="Tab_Pruef_Ebene_1">
<li>Ebene 1</li>
<li>Ebene 1</li>
</ol>
<ol class="Tab_Pruef_Ebene_2">
<li>Ebene 2</li>
<li>Ebene 2</li>
<li>Ebene 2</li>
</ol>
<ol class="Tab_Pruef_Ebene_1">
<li>Change to 3. Ebene 1</li>
</ol>
</td>
<td class="TableStyle-Tab_Linie_schmal-BodyC--TabText_LB">
<p class="TabText_LB"> </p>
</td>
<td class="TableStyle-Tab_Linie_schmal-BodyA--TabText_LB">
<p class="TabText_LB"> </p>
</td>
This is the CSS:
------------------
Code: Select all
ol.Tab_Pruef_Ebene_1 /* Nummerierung Prueftabelle - erste Ebene - Media Non-Print */
{
padding-left: 20px;
counter-reset: Tab_Pruef_Ebene_1;
list-style-type:none;
}
ol.Tab_Pruef_Ebene_1 li:before /* Pseudoklasse - Nummerierung Prueftabelle - erste Ebene - Media Non-Print */
{
content: counter(Tab_Pruef_Ebene_1) ". ";
counter-increment: Tab_Pruef_Ebene_1;
}
ol.Tab_Pruef_Ebene_1 li:after /* Pseudoklasse - Nummerierung Prueftabelle - erste Ebene - Media Non-Print Matze: funzt noch nicht richtig */
{
counter-reset: initial;
}
ol.Tab_Pruef_Ebene_2 /* Nummerierung Prueftabelle - zweite Ebene - Media Non-Print */
{
padding-left: 40px;
counter-reset: Tab_Pruef_Ebene_2;
list-style-type:none;
}
ol.Tab_Pruef_Ebene_2 li:before /* Pseudoklasse - Nummerierung Prueftabelle - zweite Ebene - Media Non-Print */
{
content: counter(Tab_Pruef_Ebene_1)"."counter(Tab_Pruef_Ebene_2,decimal) ". ";
counter-increment: Tab_Pruef_Ebene_2;
}
I guess there is something wrong with the counter reset and with the pseudo classes and then I belive one problem is that flare starts my second <ol class="Tab_Pruef_Ebene_1"> in its own new class.
I´ve try to manually set this second ol class to start value = 3, but it does not work. It works, when I change the second ol class manually in the html view, then the "Tab_Pruef_Ebene_1" is nested, but I want to figure out how it works with my working CSS classes only.