Operation Manual
Kompozer
Kompozer-Anleitung Version 1.01 vom 07.06.2008 Seite 89
Tipp:
Wenn Sie in die 'Falle' des letzten DIV auf der Seite getappt sind, gibt es einen
'Fluchtweg'. Klicken Sie auf den letzten Eintrag im DIV und dann auf den Marker für den
DIV in der Statusleiste. Drücken Sie dann die PfeilUnten-Taste. Das wird den Cursor un-
terhalb des DIV positionieren, ihn jedoch nicht sichtbar machen.
Unique divisions
Ein allgemeiner Einsatz von DIVs gilt einzelnen Regionen einer Seite. Beispiele könnten
ein Menü, eine Inhaltsübersicht oder der Haupttextbereicht sein. In solchen Fällen ist es
passender anstatt einer Klasse einen 'id' zu verwenden.
4.5.2 Styles innerhalb eines DIV
Eine andere leistungsfähige CSS-Eigenschaft ist der
Klassenselektor
. Dieser kann zum
Beispiel in Verbindung mit einem <DIV> verwendet werden, um einen Satz Klassen auf
Teile einer Seite anzuwenden, die mit <div>-Tags umgeben sind.
Eine <DIV> ist eine gute Möglichkeit der Anwendung eines Satzes von Styles innerhalb
einer begrenzten Region auf einer Seite. Selbstverständlich könnte ein Satz Klassen ent-
worfen und auf die Elemente innerhalb der Region angewendet werden, aber dieser Weg
ist mühsam und bläht den Code auf. Ein einfacherer Weg ist die Einrichtung eines Satzes
von Styles für die Elemente in der <div> und diese so zuzuweisen, dass sie nur innerhalb
des <div>-Bereichs gelten. Das wird mit einem passenden Selektor ausgeführt. Ange-
nommen, der div-Bereich hat eine Klasse ‘divclas’. Beispiele der passenden Selektoren
sind:
div.divclas p
div.divclas td
div.divclas a:visited
Oder bei Verwendung von IDs
#menu p
#contents li
Diese Elemente können genauso eingerichtet werden wie die Pseudoklassen (Siehe
Ab-
schnitt 4.2.5.2
).
Um diese Methode zu verwenden richten Sie ein <DIV> zusammen mit seinem Inhalt ein
und entscheiden Sie welche Styles gesondert geändert werden müssen.
Erstellen Sie eine Klasse und weisen Sie dem <Div>-Bereich zu. Nehmen wir an, dass die-
se den Namen
divclas
hat. Nehmen wir weiter an, dass wir den folgenden Elementen p,
td, a:visited spezielle Styles zuweisen wollen.
Im CSS-Editor wählen Sie die Option
Erweiterte individuelle Style-Regel.
div.divclas p
div.divclas td
div.divclas a:visited
Für jeden Fall definieren Sie einfach die gewünschten Styles. Sie werden innerhalb des
definierten <Div>-Bereichs und nirgendwo sonst angewandt.