zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > (X)HTML
Seite neu laden :first-of-type Problem beim Generieren eines Inhaltsverzeichnisses

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 18.09.2013, 18:34
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 19.11.2004
Beiträge: 8
osprofi befindet sich auf einem aufstrebenden Ast
Standard :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>
- preface soll mit roemischen Kleinbuchstaben und chapter mit roemischen Grossbuchstaben numeriert werden, wobei mit I anfangend (reset erforderlich)

- 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) " ";
}
Koennt ihr mir einen Tip oder Loesung geben ?

Vielen Dank

Gruss, Peter
__________________
mfG
osprofi
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 18.09.2013, 18:47
Standardkatze
XHTMLforum-Kenner
 
Registriert seit: 06.02.2007
Beiträge: 1.820
gato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nett
Standard

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.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 18.09.2013, 19:19
?!?
XHTMLforum-Kenner
 
Registriert seit: 20.03.2013
Beiträge: 1.638
explanator sorgt für eine eindrucksvolle Atmosphäreexplanator sorgt für eine eindrucksvolle Atmosphäre
Standard

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.
Mit Zitat antworten
  #4 (permalink)  
Alt 19.09.2013, 15:06
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 19.11.2004
Beiträge: 8
osprofi befindet sich auf einem aufstrebenden Ast
Standard

Hallo Gato, Explanator
danke fuer die Hilfe; es funzt jetzt.
Gruss, Peter
__________________
mfG
osprofi
Mit Zitat antworten
Antwort

Stichwörter
css 3

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 07:03 Uhr.