Vorlage:Listenstile/styles.css: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
Sonne7 (Diskussion | Beiträge) ((Korrektur) CSS-Code gesamt von Tag 'ul' auf Tag 'div' geändert - konkret alle Regeln bzgl. den beiden hier definierten Klassen 'liste-zaehler' und 'liste-display' vom Tag 'ul' auf das Tag 'div' geändert und mit Ausnahme der ersten Regel bei allen weiteren Regeln das Tag 'ul' zwischen den Tags 'div' und 'li' eingefügt (Anm.: Grund ist die in der Wiki-Syntax vermutlich fehlende Fähigkeit dem generierten Tag 'ul' eine CSS-Klasse zuzuordnen) + Entfernung der 9 wohl nicht nutzbaren Farbanpassungen) |
Sonne7 (Diskussion | Beiträge) ((Korrektur) CSS-Code punktuell korrigiert und modifiziert - konkret 1. Erweiterung der Stil-Regel für 'li::before' um einen rechten Außenabstand (konkret 'margin-right: 6px;') eingefügt, 2. Entfernung der inkorrekten Content-Regel für 'li:first-child::before' (also den Inhalt von '::before' für das 1. <li> in <ul> in dem <div> mit den beiden Klassen 'liste-zaehler' und 'liste-display' welches v.a. 'content: attr(data-zaehler-spalte);' enthielt)) |
||
| (Eine dazwischenliegende Version desselben Benutzers wird nicht angezeigt) | |||
| Zeile 12: | Zeile 12: | ||
border-top: 1px solid #777777; | border-top: 1px solid #777777; | ||
border-bottom: 1px solid #777777; | border-bottom: 1px solid #777777; | ||
margin-right: 6px; | |||
text-align: right; | text-align: right; | ||
font-size: 80%; | font-size: 80%; | ||
| Zeile 24: | Zeile 25: | ||
content: attr(data-zaehler-vor) counter(listZaehler) attr(data-zaehler-nach); | content: attr(data-zaehler-vor) counter(listZaehler) attr(data-zaehler-nach); | ||
} | } | ||
div.liste-zaehler.liste- | |||
/* Ausgabe der Anzahl für liste-zaehler */ | |||
content: | /* - Klasse 'liste-anzahl' zur Anzeige der Anzahl der Elemente */ | ||
div.liste-zaehler span.liste-anzahl::before { | |||
display: inline-block; | |||
content: counter(listZaehler); | |||
} | } | ||
Aktuelle Version vom 7. November 2024, 05:40 Uhr
/* Definition von liste-zaehler */
/* - Klasse 'liste-zaehler' für die Definition und Berechnung */
/* - Klasse 'liste-display' für die Anzeige bei jedem Element */
div.liste-zaehler {
counter-reset: listZaehler;
}
div.liste-zaehler.liste-display ul li::before {
display: inline-block;
padding-right: 0.5em;
padding-left: 0.5em;
border-top: 1px solid #777777;
border-bottom: 1px solid #777777;
margin-right: 6px;
text-align: right;
font-size: 80%;
vertical-align: inherit;
background-color: #eaecf0;
content: "";
}
div.liste-zaehler ul li {
counter-increment: listZaehler;
}
div.liste-zaehler.liste-display ul li::before {
content: attr(data-zaehler-vor) counter(listZaehler) attr(data-zaehler-nach);
}
/* Ausgabe der Anzahl für liste-zaehler */
/* - Klasse 'liste-anzahl' zur Anzeige der Anzahl der Elemente */
div.liste-zaehler span.liste-anzahl::before {
display: inline-block;
content: counter(listZaehler);
}