Numerische aufzählung mit unterpunkten

Computer: Software & Programmierung HTML & CSS
#1

Hallo zusammen,

stehe vor einem kleine Problem, bei dem ich derzeit nicht weiterkomme:

ich würde gerne auf einer Webseite ein Inhaltsverzeichnis einer Arbeit abbilden. Das ganze sollte hinterher so aussehen:

1. Einführung........................................................1
2. Erstes Kapitel....................................................2
3. Zweites Kapitel..................................................15
 3.1 Unterkapitel.................................................17
 3.2 Unterkapitel 2...............................................20
 3.2.1 Unter-Unterkapitel 1...................................21

etc. pp.

Wenn ich mich
arbeite bekomme ich ja leider die Unterpunkte nicht hin. Habe versucht die als Startwert einzugeben, aber aus „2.1“ wird dann „2“. Und als

 - so wie oben - möchte ich es nicht einbinden, weil es sich dann optisch komplett unterscheidet vom Rest der Seite.

Hat jemand eine Idee, wie ich das bewerkstelligen kann? Vllt hab ich auch einfach nur eine Denkblockade, aber mir fällt absolut keine saubere Lösung ein. 

Viele Dank im voraus!

Grüße
#2

Wenn ich mich
arbeite bekomme ich ja leider die
Unterpunkte nicht hin.

Und als

  • so
    wie oben - möchte ich es nicht einbinden, weil es sich dann
    optisch komplett unterscheidet vom Rest der Seite.

Das ist ja auch sinnfrei und hat mit dem optischen nichts zu tun.

 identifiziert vorformatierten Text, was ja hier nicht vorliegt. Es muss schon eine Liste sein.



> Hat jemand eine Idee, wie ich das bewerkstelligen kann?


Indem die Ziffern in das Listenelement gezogen werden vielleicht?

[code]

  • 2.1 foo

  • 2.2 bar
    [/code]

Zum Ausblenden der normalen Nummerierung gibts list-style-type, um die Texte untereinander bündig anzuzeigen könnte man die Ziffern dann in ein (mit display:block) oder packen, um dem dann eine feste Breite zuzuweisen.

Ist jetzt so eine schnelle Idee, wenn das Attribut start da wirklich nichts hergibt.

#3

Falsches Forum…kein BBCode.

Ver…wie kann ich Code darstellen? Das hat früher immer geklappt!

  • 2.1 foo

So halt…

#4

Na super, jetzt ist es wieder weg, in der Vorschau hats noch richtig ausgesehen!

Wer hat da was am Forum gedreht?

Dann eben nicht…*seufz*

#5

danke dir!

werd das dann mit dem span oder div mal probieren…

#6

Das ganze sollte hinterher so aussehen:

1. Einführung.......................................1
2. Erstes Kapitel...................................2
3. Zweites Kapitel.................................15
 3.1 Unterkapitel................................17
 3.2 Unterkapitel 2..............................20
 3.2.1 Unter-Unterkapitel 1..................21

Hallo,

es gibt eine richtig gute CSS-2.0-Lösung, die aber Microsoft in ihrem Internet-Explorer leider völlig ignoriert, und zwar die Pseudoklasse „:before“ in Verbindung mit „Countern“.

Schau mal hier:
http://de.selfhtml.org/css/eigenschaften/anzeige/pse…
(am Ende gibt’s einen Link zur Beschreibung in SelfHTML)

Wie gesagt, funktioniert leider nicht im Internet-Explorer, aber andere Browser machen die Unternummerierung ganz wunderbar mit. Einrückungen bekämst du auch relativ leicht innerhalb der CSS-Regeln hin (z.B. mit margin-left).

Gruß
A