|
|||
:first-of-type Problem beim Generieren eines Inhaltsverzeichnisses
Hallo
ich versuche, mittels eines ol Elements ein Inhaltsverzeichnis automatisch zu generieren, welches den list-style-type aendert abhaengig von der Elementklasse. Leider funktioniert die Eigenschaft :first-of-type nicht, um von roemischen Kleinbuchstaben auf roemische Grossbuchstaben umzuschalten. - Folgender HTML Code: HTML-Code:
<ol> <li class="preface"><a href="#d0e29">Vorbericht 1</a></li> <li class="preface"><a href="#d0e52">Vorbereicht 2</a></li> <li class="chapter"><a href="#d0e70">Kapitel 1</a></li> <li class="chapter"><a href="#d0e98">Kapitel 2</a></li> - Folgender CSS Code: Code:
ol { counter-reset: item; list-style: none; } li { display: block; } li.preface:before { counter-increment: item; content: counters(item, ".", lower-roman) " "; } li.chapter:first-of-type { counter-reset: item; } li.chapter:before { counter-increment: item; content: counters(item, ".", upper-roman) " "; } Vielen Dank Gruss, Peter
__________________
mfG osprofi |
Sponsored Links |
|
|||
Tipp: Liste verschachteln.
Dann entspricht die Elementstruktur der tatsächlichen Dokumentstruktur und du kannst die entsprechenden Listenpunkte separat formatieren.
__________________
Über Internet Explorer 8: Noch bis 8. April 2014 wird der Internet Explorer 6 mit Sicherheitsupdates versorgt. Bereits jetzt kann dieser Browser aber vollständig durch den IE8 ersetzt werden. Ältere Betriebssysteme und Browserversionen werden von Microsoft nicht mehr unterstützt. Auch Programme, die den IE7 benötigen, sind kein Argument gegen IE8, da dieser über entsprechende Kompatibilitätsschichten verfügt. Ab sofort gilt daher der Internet Explorer 8 als vorausgesetzer Mindeststandard. |
Sponsored Links |
|
|||
Gibt da mehrere Lösungswege, der von Gato ist am elegantesten, aber ein anderer ist dieser hier:
Code:
ol { counter-reset: item; list-style: none; } li { display: block; } li.preface { counter-increment: item; } li.preface:before { content: counters(item, ".", lower-roman) " "; } li.chapter { counter-increment: item1; } li.chapter:before { content: counters(item1, ".", upper-roman) " "; }
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..." Aus einem Forum. |
Stichwörter |
css 3 |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
PHP Problem - Fatal error: Cannot use object of type stdClas | sascha_kote | Serveradministration und serverseitige Scripte | 8 | 05.05.2010 08:21 |
Conflict between Mime Type and Document Type: Probleme im Internet Explorer | Jipii | (X)HTML | 4 | 22.01.2008 20:49 |
Problem: IE versteckt Text & Feedback | Herbi | CSS | 2 | 11.08.2006 15:39 |
Problem mit Firefox CSS width/height input-field type text/submit in XHTML | NedwebSurfer | CSS | 3 | 14.06.2006 14:23 |
Validator Problem | Starfox128 | Site- und Layoutcheck | 3 | 04.10.2004 16:44 |