Listen, Dialogfeld "Stil-Generator"

Článek
09/03/2008

Aktualisiert: November 2007

Im Dialogfeld Stil-Generator können Sie auf der Seite Listen CSS-Stilattribute (Cascading Stylesheets) definieren, die unter Verwendung des <OL>-Tags und des <UL>-Tags Listen formatieren. Sie können diese Attribute entweder direkt HTML-Elementen zuweisen oder sie zu den CSS-Formatierungsregeln hinzufügen.

So wenden Sie Listenattribute direkt auf HTML-Elemente auf der Seite an

Öffnen Sie das HTML-Dokument in der Entwurfsansicht des HTML-Designers, und wählen Sie die zu formatierenden Elemente aus.
Klicken Sie zum Öffnen des Dialogfelds Stil-Generator im Menü Format auf die Option Stil.
Klicken Sie im linken Bereich des Dialogfelds Stil-Generator auf Listen.

Das Dialogfeld Listen, Stil-Generator wird im rechten Bereich angezeigt.

Wenn Sie in der Entwurfsansicht ausgewählte Elemente formatieren, werden CSS-Formatattribute inline in das HTML-Markup der Seite eingefügt. Wechseln Sie zur HTML-Ansicht, um die neu eingefügten Formatattribute zu überprüfen.

So fügen Sie einer in einem externen Stylesheet definierten CSS-Stilregel Listenattribute hinzu

Öffnen Sie ein vorhandenes externes Stylesheet, und platzieren Sie die Einfügemarke zwischen die geschweiften Klammern ({ }) hinter der Auswahl für den gewünschten Stil.
Klicken Sie zum Öffnen des Dialogfelds Stil-Generator im Menü Stile auf die Option Stil erstellen.
Klicken Sie im linken Bereich des Dialogfelds Stil-Generator auf Listen.

Das Dialogfeld Listen, Stil-Generator wird im rechten Bereich angezeigt.

Hinweis:
Das Menü Stile wird angezeigt, wenn Sie ein externes CSS-Stylesheet zum Bearbeiten öffnen. Wenn Sie die Einfügemarke zwischen die geschweiften Klammern hinter der Auswahl für die Stilregel platzieren, wird im Menü Stile die Option Stil erstellen angezeigt.

Eine in einem externen Stylesheet definierte CSS-Stilklasse kann auf ein Element im <BODY>-Element einer Webseite angewendet werden, indem Sie die CSS-Stilauswahl als CLASS-Eigenschaft für das Element zuweisen.

Folgende Optionen sind im Dialogfeld Stil-Generator auf der Seite Listen enthalten:

Aufgaben

UI-Elemente

Listen

Legt Attribute für den Listentyp fest, entweder mit oder ohne Aufzählungszeichen. Die Attribute gelten im Allgemeinen für Stile, die <LI></LI>-Tags oder <OL></OL> -Tags beeinflussen. Wählen Sie <Nicht festgelegt> (keine Option ausgewählt), Mit Aufzählungszeichen oder Keine Aufzählungszeichen aus. Wenn Sie z. B. Keine Aufzählungszeichen auswählen, wird der folgende Code hinzugefügt:

LIST-STYLE-TYPE:none

Aufzählungszeichen

Die in der folgenden Tabelle aufgelisteten Attribute formatieren Aufzählungszeichen. Aufzählungszeichen sind Zahlen, Buchstaben, römische Zahlen, Standardbilder für Aufzählungszeichen (Kreis, Ellipse, Quadrat) oder benutzerdefinierte Aufzählungszeichen.

Hinweis:
Die unterschiedlichen Stile für Aufzählungszeichen werden verfügbar, wenn Sie als Listentyp Mit Aufzählungszeichen ausgewählt haben.

Format
Legt Attribute fest, die den Stil des Aufzählungszeichens steuern. Es sind acht Stiloptionen verfügbar. Wählen Sie zwischen <Nicht festgelegt> (keine Option ausgewählt), Kreis, Ellipse, Quadrat, (1 2 3 4…), (i ii iii iv…), (I II III IV…), (a b c d...) und (A B C D…) aus. Wenn Sie z. B. Mit Aufzählungszeichen als Listentyp und Quadrat als Stil auswählen, wird das folgende CSS-Markup eingefügt:

LIST-STYLE-TYPE:square
Position
Legt Attribute fest, die die Position des Aufzählungszeichens relativ zum Text steuern. Es stehen zwei unterschiedliche Formate für die Textposition zur Verfügung. Wählen Sie entweder <Nicht festgelegt> (keine Option ausgewählt), Außen (Text ist eingezogen) oder Innen(Text ist nicht eingezogen) aus. Wenn Sie z. B. Quadrat als Stil, Mit Aufzählungszeichen als Listentyp und Außen (Text ist eingezogen) als Position auswählen, wird das folgende CSS-Markup eingefügt:

LIST-STYLE-TYPE:square; list-style-position:outside
Benutzerdefiniertes Aufzählungszeichen
Legt anstelle der acht verfügbaren Stiloptionen für Aufzählungszeichen ein Bild als Stil für Aufzählungszeichen fest. Wenn Benutzerdefiniertes Aufzählungszeichen aktiviert wurde, sind die Optionen Bild und Keine verfügbar.
Bild
Legt ein Bild als Formatvorlage für Aufzählungszeichen fest. Um das Dialogfeld Symbolbild wählen zu öffnen und dort den Speicherort eines Bilds auszuwählen, geben Sie im Feld einen Pfad und einen Namen für das Bild ein, oder klicken Sie auf die Schaltfläche mit den Auslassungszeichen (...). Wenn Sie z. B. Mit Aufzählungszeichen als Listentyp, Außen (Text ist eingezogen) als Position und Benutzerdefiniertes Aufzählungszeichen als Stil für Aufzählungszeichen auswählen und anschließend im Feld Bild den Namen bullet.jpg eingeben, wird das folgende CSS-Markup eingefügt:

LIST-STYLE-POSITION:outside

LIST-STYLE-IMAGE:url (bullet.jpg)
Kein
Legt den Bildwert des Stils für Aufzählungszeichen auf None fest. Wenn Sie z. B. Mit Aufzählungszeichen als Listentyp, Außen (Text ist eingezogen) als Position und Benutzerdefiniertes Aufzählungszeichen als Stil für Aufzählungszeichen auswählen und anschließend im Feld Bild den Namen bullet.jpg eingeben, wird das folgende CSS-Markup eingefügt:

LIST-STYLE-POSITION:outside; LIST-STYLE-IMAGE:url (bullet.jpg)

Wenn Sie danach zum Stil-Generator zurückkehren und unter Benutzerdefiniertes Aufzählungszeichen die Option Keine auswählen, wird das folgende CSS-Markup eingefügt:

LIST-STYLE-POSITION:outside; LIST-STYLE-IMAGE:none