Operation Manual

Kompozer
Kompozer-Anleitung Version 1.01 vom 07.06.2008 Seite 51
Anmerkung:
Eine sinnvollere Bezeichnung für die Buttons wäre 'Eine Ebene nach vorne
bringen' bzw. 'Eine Ebene nach hinten bringen'
3.10.5 Anheften
Sechs andere Buttons auf der Format(2)-Symbolleiste können benutzt werden, um die Po-
sition von Layern zu beeinflussen. Sie legen fest, zu welchem Seitenrand ein konstanter
Abstand eingehalten wird. Dadurch wird das Verhalten des Layers bei Änderungen der
Fenstergröße im Browser bestimmt.
•
Am linken Rand anheften
•
Zentriert anheften
•
Am rechten Rand anheften
•
Oben anheften
•
In der Mitte anheften
•
Unten anheften
Der erste Button (
Am linken Rand anheften
) legt den Abstand zum linken Seitenrand als
konstant fest. Das ist die Voreinstellung.
Der zweite (
Zentriert anheften
) definiert die Position nicht in absoluten Angaben, sondern
als Prozentsatz der Seitenbreite. Wenn der Layer z. B. in der Seitenmitte festgelegt und
dann dieser Button betätigt wird, bleibt er auch dann in der Mitte, wenn das Browserfenster
sich ändert.
Der dritte Button (
Am rechten Rand anheften
) definiert den Abstand des Layers vom
rechten Fensterrand (anstatt vom linken Seitenrand) als fest.
Oben anheften
bestimmt den konstanten Abstand zum oberen Fensterrand.
In der Mitte anheften
entspricht
Zentriert anheften
, bezieht sich aber auf das vertikale
Maß.
Unten anheften
definiert den Abstand zwischen der Unterseite des Layers und der Unter-
seite der Seite.
Unten anheften und zentriert anheften sollte denen überlassen werden, die über Kenntnis-
se im Umgang mit Stylesheets verfügen, die anderen vermeiden diese Einstellungen bes-
ser.
Wird ein Objekt, das angeheftet worden ist, später in eine andere Position gezogen, wird
die 'Anheftung' annulliert und muss erneut angewandt werden.
3.10.6 Layer und Styles
Ein Objekt durch Ziehen zu platzieren, liefert ein ziemlich ungenaues Ergebnis. Kompozer
ermöglicht die absolute Positionierung von Layern durch CSS. Eine präzise Steuerung
kann erreicht werden, indem man die Style-Parameter editiert.
In der HTML-Tag-Ansicht klicken Sie mit der rechten Maustaste auf den <Div>-Tag für den
Layer und dann auch
Erweiterte Eigenschaften.
Wenn Sie Schwierigkeiten haben, das
Tag zu treffen, setzen Sie den Cursor einfach in den Layer und klicken in der Statuszeile
mit der rechten Maustaste auf den <div>-Tag. Im Registerblatt
Inline Style (CSS)
können
nach Markieren der einzelnen Eigenschaften deren Werte geändert werden.