Auflistungen

[max]

Hallo,

ich habe eine Auflistung ertstellt mit Unterpunkten

1. text
2. text
  2.1 text
  2.2 text

Allerdings konnte ich in SelfHTML nur Auflistungen finden die keine Unterpunkte (2.1, 2.2) enthielten.
Könnt ihr mir da einen Tip geben wie man das erstellen könnte?

thanx

[Matze]

Hallo Thanx,

hier ein kleines Beispiel:

<form action=mailto:[e-mail] method=post enctype=2text/plain>
<select name=Verschachtelte_Auswahlliste size=5>
<optgroup label=Hauptpunkt A>
<option label=Untermenüpunkt 1>Untermenüpunkt 1</option>
<option label=Untermenüpunkt 2>Untermenüpunkt 2</option>
</optgroup>
</form>

Gruss Matze

[Kai Lahmann]

hi

<form action=mailto:[e-mail] method=post enctype=2text/plain>
<select name=Verschachtelte_Auswahlliste size=5>
<optgroup label=Hauptpunkt A>
<option label=Untermenüpunkt 1>Untermenüpunkt 1</option>
<option label=Untermenüpunkt 2>Untermenüpunkt 2</option>
</optgroup>
</form>

da Stand liste, nicht auswahlbox.

Grüße aus Bleckede

Kai

[Stefan Einspender]

Hallo Max,

Allerdings konnte ich in SelfHTML nur Auflistungen finden die keine Unterpunkte (2.1, 2.2) enthielten.
Könnt ihr mir da einen Tip geben wie man das erstellen könnte?

mit HTML allein kannst Du da nur ganz normale Listen ohne ein Zeichen
davor verwenden und die Zahlen manuell davorschreiben.
Mit CSS gibt es eine Möglichkeit, die allerdings derzeit nur Opera
kann: http://de.selfhtml.org/css/eigenschaften/pseudoformate.htm#nummerierung

Viele Grüße,
Stefan

[Benjamin Wilfing]

Hallo max,

Allerdings konnte ich in SelfHTML nur Auflistungen finden die keine Unterpunkte (2.1, 2.2) enthielten.
Könnt ihr mir da einen Tip geben wie man das erstellen könnte?

Also IMHO sind Unterpunkte in HTML auch nicht vorgesehen (siehe auch http://selfhtml.teamone.de/html/text/listen.htm#nummeriert, da steht's untendran).
Aber du kannst das folgendermaßen machen (dazu musst du die Nummerierungen halt selber schreiben, automatisch funktioniert das ja, wie gesagt, nicht.). Die Einrückung geschieht mit CSS:

<ul>
 <li style="margin-left: 0px;">1.</li>
  <li style="margin-left: 10px;">1.1</li>
  <li style="margin-left: 10px;">1.2</li>
  <li style="margin-left: 10px;">1.3</li>
 <li style="margin-left: 0px;">2.</li>
</ul>

Das "margin-left: 0px;" kannst du im Prinzip auch weglassen. Noch eleganter wäre es, eine Klasse anzulegen, der du dann einmalig einen bestimmten Abstand nach links zuweist. Das macht die Sache bequemer, falls du den Abstand mal global ändern willst.

Grüße aus Darmstadt,
Benjamin

[Tim Tepaße]

Hallo Benjamin,

<ul>
<li style="margin-left: 0px;">1.</li>
  <li style="margin-left: 10px;">1.1</li>
<li style="margin-left: 0px;">2.</li>
</ul>

Was spricht dagegen, logisch zu strukturieren?
Also so:

<ul>
  <li>1</li>
  <ul>
    <li>1.1</li>
    <li>1.2</li>
  </ul>
  <li>2</li>
</ul>

Noch eleganter wäre es, eine Klasse anzulegen, der du dann einmalig einen bestimmten Abstand nach links zuweist.

Ebend. (Noch eleganter fände ich Selektoren)
Und wenn <ul> verwendet wird, wäre es vielleicht noch sinnig mittels CSS die Anzeige des Bullets mittels CSS zu unterdrücken oder zu ändern:

http://selfhtml.teamone.de/css/eigenschaften/listen.htm#list_style_type

• Tim

[Tom Utermark]

Hi,

Was spricht dagegen, logisch zu strukturieren?
Also so:

<ul>
  <li>1</li>
  <ul>
    <li>1.1</li>
    <li>1.2</li>
  </ul>
  <li>2</li>
</ul>

Für soetwas <ul> (also "unordered list") zu verwenden, finde ich etwas unlogisch. Es ist ja keine ungeordnete Liste, denn es existiert ja eine explizite Ordung.

Gruß Tom

[molily]

Hallo, Tom.

Für soetwas <ul> (also "unordered list") zu verwenden, finde ich etwas unlogisch. Es ist ja keine ungeordnete Liste, denn es existiert ja eine explizite Ordung.

Das schon, ohne Frage.

Es ist jedoch »nur« ein Workaround, denn bevor irgendein verbreiteter Browser halbwegs CSS-Counter und ::marker unterstützt, ist es nicht möglich, mit ol derartige Nummerierungen zu realisieren.

Das CSS3 Lists-Modul ist übrigens gerade einmal einen Monat ein öffentlicher Working Draft, das braucht Zeit...

Grüße,
Mathias

[Stefan Einspender]

Hallo Benjamin,

<ul>
<li style="margin-left: 0px;">1.</li>
  <li style="margin-left: 10px;">1.1</li>
  <li style="margin-left: 10px;">1.2</li>
  <li style="margin-left: 10px;">1.3</li>
<li style="margin-left: 0px;">2.</li>
</ul>

halte ich für keine so gute Idee, weil ja 1.1, 1.2, 1.3 nach wie vor
Unterpunkte von 1. sind und sobald jemand ohne CSS daherkommt, sieht
man es bei Deiner Variante nicht mehr. Ich würde es ungefähr so um-
setzen:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>test</title>
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<style type="text/css">
<!--
ul {
list-style-type: none;
padding-left: 0;
}

li ul {
padding-left: 20px;
}
-->
</style>
</head>
<body>
<ul>
    <li>1. Überschrift
    <ul>
        <li>1.1 Überschrift</li>
        <li>1.2 Überschrift</li>
        <li>1.3 Überschrift</li>
      </ul>
      </li>
    <li>2. Überschrift
    <ul>
        <li>2.1 Überschrift</li>
        <li>2.2 Überschrift</li>
        <li>2.3 Überschrift</li>
      </ul>
      </li>
    <li>3. Überschrift</li>
  </ul>
</body>
</html>

Ist natürlich schlecht, wenn die Nummerierung weitergeht, also bis
1.10 oder 10., da gibt es keine "saubere Kante" mehr, eventuell auch
schon vorher. Aber wenigstens ist es auch ohne CSS noch so gegliedert,
wie es der logische Bezug der Inhalte untereinander erfordert.

Viele Grüße,
Stefan

[max]

danke, bis dahin.
gibt es den noch eine möglichkeit die listen punkte wegzubekommen?
so das nur die zahlen zu sehen sind?

thanx...

MAX

[Stefan Einspender]

Hallo Max,

gibt es den noch eine möglichkeit die listen punkte wegzubekommen?
so das nur die zahlen zu sehen sind?

schau Dir mal mein Beispiel - [pref:t=31547&m=170661] - genauer an oder
sieh im CSS-Kapitel von SELFHTML - http://de.selfhtml.org/css/ -
nach, da findest Du die Lösung dieses Problemes.

Viele Grüße,
Stefan

[Thomas J.S.]

Hallo,

Allerdings konnte ich in SelfHTML nur Auflistungen finden die keine Unterpunkte (2.1, 2.2) enthielten.
Könnt ihr mir da einen Tip geben wie man das erstellen könnte?

Das geht an sich Problemlos mit CSS, aber wie oft nicht alle Browser können das:

http://aktuell.de.selfhtml.org/tippstricks/css/nummerierung/index.htm

Grüße
Thomas