Manual Kompozer 07 (page 18 of 58) (English)

606646

Zoom out

Zoom in

1/58

KompoZer User Guide — 17 December 2007 Based on version 0.7.10 18

Layers may be manipulated using the buttons

on the Format 2 toolbar.

3.10.4 Manipulating layers

To move a layer click the positioning handle and

drag it to the required position on the page.

To resize a layer drag a sizing handle as for other

elements.

When positioning a layer, KompoZer allows pixel-

accuracy movement. This can be difficult to achieve

and, if it is attempted to line up items, small errors

may become obvious. Better results may be achieved

by snapping positions to a coarser grid. To do so select

Format > Positioning grid and set the granularity

required. Movement will now be constrained to the

selection made.

Note This setting must be set each time a page

is opened. It is not remembered.

Note Snapping applies to dragging the position

not the size.

Warning If several overlapping layers occur on

a page it may become impossible to click on a

handle. In this event try resizing it so that the

handles become accessible, alternatively tempo-

rally move another layer out of the way.

Note If the height of a layer is dragged, though

previously undefined, it becomes defined but

the contents will overflow so there will be no

visible change.

When positioning layers so that they overlap a

mechanism is needed to define which is in front

(so entirely visible) which behind (so partially

obscured). Two buttons (‘Bring to front’ and

‘Send to back’) on the Format 2 toolbar take care

of this. Select the layer and click the appropriate

button.

Layers, as created, do not have a property ‘z-index’

allocated. When brought to the front a z-index with

value =1 is attached. The z-index defines how far

forward the layer is. If another layer is to be brought

to the front of the first it needs z-index to be set to 2.

Selecting it and bringing it to the front however merely

sets the index to 1. By

repeating the process the

index is set to 2 and the

layer brought further for-

ward.

Note The buttons would be more appropriately

labelled ‘Bring forward’, and ‘Send back’.

3.10.5 Gluing

Six other buttons on the Format 2 toolbar

can be used to modify the behaviour of layers.

They are

Glue to the left border

Glue to the right border

Stay in the center

Glue to the top

Glue to the bottom

Stay in the middle

Clicking the first (Glue to the left) initially has

no effect since this is the default condition. If

clicked after some conflicting condition was set

it fixes the distance of the left hand side of the

selected layer from the left edge.

Glue to the right fixes the distance of the right hand

side (rather than the left hand side) of the layer from

the right hand edge.

Glue to the center defines the position, not in

absolute terms but as a percentage of the available

width. Thus, if created at the centre of the space, it will

remain in the centre, similarly for any other ratio.

Glue to the top also represents the default condi-

tion otherwise it fixes the distance from the top of the

layer to the top edge.

Glue to the bottom and Stay in the center are best

avoided by other than advanced users who will proba-

bly be using style sheets to achieve the effect required.

3.10.6 Doing it in style

Dragging an item is a rather imprecise action.

KompoZer implements layers by using CSS absolute

positioning styles. More precise control can be ob-

tained by editing the style parameters.

To do so, in HTML tags view, right-click the ‘DIV’

tag for the layer and select ‘Advanced properties’,

‘Inline style’.

It is instructive to note which properties are applied

to achieve each effect.

Gluing option

Initial Left Center Right Top Middle Bottom

Property Values given to property

position absolute absolute absolute absolute absolute absolute absolute

width px px px px px px px

top px px px px px % auto

left px px % auto px px px

right auto auto px

bottom auto auto px

3.10.7 Using classes

Instead of setting up layers manually as described

so far, a class may be allocated to the ‘div’ that con-

tains the layer. The CSS editor allows classes with the

required properties to be established.

In the CSS editor all the required properties are

located under the 'Box' tab. The required properties

and values are

Property Value Unit

Position Position absolute

Width width px

Top Offsets - Top px or %

Left Offsets - Left px or %

Right Offsets - Right px or %

Bottom Offsets - Bottom px or %

Z-index Z-index Integer

By using a class further options become available

which cannot be achieved by using the toolbar but-

tons. The position selector provides options of Abso-

lute, Relative, Static or Fixed. The ‘fixed’ option is used

in the HTML version of this User Guide to position the

menu. The layer remains in a fixed position on the

screen, not scrolling. The effect is similar to that

attainable using frames for a web site.

Warning Internet Explorer version 6 does not

support fixed position.

3.11 Borders

Elsewhere a number of methods for applying bor-

ders to images and tables have been mentioned. The

level of control possible has varied from case to case

and the use of style sheets to gain full control has been

referred to.

Layers in front and behind

Report abuse

Libble takes abuse of its services very seriously. We're committed to dealing with such abuse according to the laws in your country of residence. When you submit a report, we'll investigate it and take the appropriate action. We'll get back to you only if we require additional details or have more information to share.

Product:

Forumrules

To achieve meaningful questions, we apply the following rules:

First, read the manual;
Check if your question has been asked previously;
Try to ask your question as clearly as possible;
Did you already try to solve the problem? Please mention this;
Is your problem solved by a visitor then let him/her know in this forum;
To give a response to a question or answer, do not use this form but click on the button 'reply to this question';
Your question will be posted here and emailed to our subscribers. Therefore, avoid filling in personal details.

new questions and answers
new manuals

You will receive an email to register for one or both of the options.

Get your user manual by e-mail

Enter your email address to receive the manual of Kompozer 07 in the language / languages: English as an attachment in your email.

The manual is 2,17 mb in size.

You will receive the manual in your email within minutes. If you have not received an email, then probably have entered the wrong email address or your mailbox is too full. In addition, it may be that your ISP may have a maximum size for emails to receive.

Others manual(s) of Kompozer 07

Kompozer 07 User Manual - German - 157 pages

The manual is sent by email. Check your email

If you have not received an email with the manual within fifteen minutes, it may be that you have a entered a wrong email address or that your ISP has set a maximum size to receive email that is smaller than the size of the manual.

The email address you have provided is not correct.

Please check the email address and correct it.

Your question is posted on this page

Would you like to receive an email when new answers and questions are posted? Please enter your email address.

Info

Kompozer 07 Manual

Product: