Operation Manual

Kompozer
Kompozer-Anleitung Version 1.01 vom 07.06.2008 Seite 85
Der CaScadeS CSS-Editor trägt Styles in der Reihenfolge des Einrichtens ein. Die Reihen-
folge kann verändert werden, indem das Element markiert und mit den Pfeilen oberhalb
des 'Sheets und Regeln'-Fensters verschoben wird.
Anmerkung:
Diese Styles werden auf die Links automatisch angewandt. Sie müssen nicht
wie Klassen manuell zugewiesen werden.
4.2.5.3 Styles für Formularelemente
Formulare nach den eigenen Wünschen zu gestalten, kann den Einsatz von Styles für die
Elemente erforderlich machen. Diese werden genauso formuliert wie oben für die Hyper-
links beschrieben. Es müssen nur die Styles den betreffenden Selektoren zugewiesen
werden. Einige der wichtigsten finden Sie in der folgenden Liste.
Control
Element
Selektor
Submit button
Input
input[type=submit]
Reset Button
Input
input[type=reset]
Text input
Input
input[type=text]
Text area
textarea
textarea
Label
label
label
Field set
fieldset
fieldset
Legend
legend
legend
4.2.5.4 ID Styles
Ids (Unique Identifier=Eindeutiger Kennzeichner, ich bleibe bei dem englischen Ausdruck,
JK) wurden bislang noch nicht erwähnt. Sie können für verschiedene Zwecke genutzt wer-
den, allerdings ist ihr Einsatz bei Kompozer gegenwärtig erst eingeschränkt möglich. Ein
denkbarer Einsatz ist die Anwendung eines Styles auf eine einzelne Instanz eines Ele-
ments.
Ein ID kann nur einmal (auf jeder Seite) verwendet werden. Meistens werden IDs in Ver-
bindung mit dem div Element verwendet, um einen besonderen Bereich auf einer Seite wie
eine Inhaltsübersicht, ein Menü oder ähnliches zu kennzeichnen. Es ist in nützlich, dem ID
einen Namen zu geben, der seinen Zweck andeutet.
Einrichten eines ID-Styles
1. Starten Sie CaScadeS
2. Wenn das Stylesheet, in dem Sie die Klasse einrichten möchten bereits existiert,
markieren Sie es klicken Sie auf das Palettensymbol. Sonst:
Klicken Sie auf das Palettensymbol. Im Style und Regel-Fenster sehen Sie ein neu-
es internes Stylesheet.
3. Aktivieren Sie den Radiobutton Individuelle Style-Regel.
4. Neben dem leeren Eingabefeld können Sie auf den DropDown-Pfeil drücken um ei-
ne Liste der Ids zu sehen, die bereits auf dieser Seite verwendet werden. Wenn Sie
einen Eintrag verwenden möchten, klicken Sie darauf.
5. Wenn Sie einen neuen Style für ein ID anlegen möchten, geben Sie einen Namen
ein, der auf dieser Seite noch nicht benutzt wurde. Das Doppelkreuz steht schon im
Eingabefeld.
6. Klicken Sie auf Style-Regel erstellen.