Operation Manual

Kompozer
Kompozer-Anleitung Version 1.01 vom 07.06.2008 Seite 88
Das <DIV> Element wurde bislang nur nebenbei erwähnt. Ein <div> bestimmt einen Teil
einer Seite, der eine Anzahl von Elementen enthält. In diesem Abschnitt wird keine voll-
ständige Erklärung des <div>-Elements vorgenommen. (In einem DIV werden Styles oft
auf eine besondere Weise eingesetzt, dazu später mehr.)
Es folgt vielmehr eine Beschreibung, wie man mit Kompozer <DIV> erzeugt und nutzt. An-
dere Aspekte von <div> gehen wahrscheinlich über das Interesse von Anfängern hinaus.
4.5.1 Einrichten von DIVs
Um einen <DIV> zu erstellen:
1. Setzen Sie den Cursor an die Stelle, an der ein <div> erstellt werden soll.
Anmerkung:
Versuchen nicht, einen div als das letzte Element auf einer Seite zu kon-
struieren, es sei denn, Sie wollen dahinter später keine weiteren Elemente hinzufügen.
Anmerkung:
In der HTML-Tag-Ansicht und der Anzeige der Bereichskonturen (Menü An-
sicht) kann das Geschehen einfacher verfolgt werden.
2. Klicken Sie den ersten Drop-Down-Pfeil in der Format-Symbolleiste an.
3. Klicken Sie den letzten Eintrag in der Liste – generic container (DIV) an
4. Der DIV wird formatiert als Bodytext.
Es ist jetzt möglich, jedes beliebige Element in den DIV einzusetzen wie z. B. Text oder
Bilder. Text kann dann markiert und als Absatz formatiert werden. Wenn erforderlich kön-
nen auch DIVs eingesetzt werden, so dass ein Satz geschachtelter DIVs entsteht.
Manchmal kann es beim Versuch, sie zu publizieren zu Schwierigkeiten kommen. Elemen-
te in einer <div> können dann verschwinden. Um dieses zu vermeiden, dürfen keine leeren
Elemente eingesetzt werden, also entweder fügen Sie z. B. einen Absatz oder einen blin-
den Text als Platzhalter ein.
Eine Klasse auf einen <div>-Tag anwenden
Verfahren Sie in der gleichen Weise wie in Abschnitt
4.2.3.1
. Das Klassenauswahlfeld
kann benutzt werden, um eine Klasse einer <DIV> zuzuweisen, aber es zeigt nicht die
Klasse an, die gegenwärtig eingestellt worden ist. Die bessere Methode für Auswahl oder
Abwahl von Klassen ist der Weg über den hervorgehobenen Tag auf der Statuszeile.
Eine Klasse kontrollieren oder ändern
Für den Zugriff auf eine Klasse verwenden Sie lieber die Statuszeile, um auf die Klasse
zuzugreifen.
Elemente innerhalb einer <div> können Styles aufweisen, die auf verschiedenen Wegen
zugewiesen wurden.
Sie können zum Verlassen eines DIV dieselbe Technik anwenden wie bei anderen Block-
elementen.
Einen div-Bereich verlassen
Klicken Sie in irgendeinem Bereich außerhalb des div. Es ist allerdings nicht möglich, eine
Position unterhalb des DIV anzuklicken, wenn dieser Bereich das letzte Objekt auf der Sei-
te ist. Daher müssen Sie dafür sorgen, dass unterhalb des letzten DIV immer noch etwas
Raum gelassen wird.