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

606646

Zoom out

Zoom in

1/58

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

Note The spin buttons beside each box allow

fine adjustments to be made easily. In most

cases the effect can be sen in real time on the

screen.

Float allows blocks to be treated rather like images

and to float them to the right or left hand side of a page

(or to the edge of the enclosing block). Other elements

may therefore appear to wrap around them.

Position, Offset and z-index are parameters relat-

ed to the use of layers. These have been covered in

section 3.10.6

4.2.2 Styling multiple elements

Instead of setting styles for one element at a time it

may be easier to specify several at the same time.

Perhaps all your headings are in one font (e.g. serif)

and all others in an other (sans-serif). You can specify

h1, h2, h3, h4, h5 and h6 as serif font in a single

action. When you create a style rule at step, 4 instead

of entering the tag for one element, just list all required

and separate the tags by commas. Later you can

specify, for example the size of, each heading individ-

ually in a separate rule.

Editing selectors

If you have already set up the style declarations

required, perhaps for h1, but now want it to apply to

additional elements just click the ‘Edit selector’ button

above the ‘Sheets and rules’ pane and type in the

additional tags separated by commas.

4.2.3 Named Classes

I've suggested above that you start by applying

styles to all elements of a specific type. Such style

definitions will apply automatically wherever that ele-

ment is found on a page. This provides for great

consistency within a document but maybe a touch of

dullness! You can also define your own styles and

apply them selectively. These styles are known as

‘Classes’.

To create a class

1 Click the CaScadeS button on the

Composition toolbar. The CSS Style-

sheets window opens

2 If the stylesheet in which you wish to create the

class exists click it followed by the

artist's palette button . Else:

3 Click on the artist's palette button.

In the sheets and rules box you will see an

internal stylesheet has been created for you

4 To create a class click ‘Style applied to all ele-

ments of class’

5 In the box you will see a full stop entered for you.

Now either

Follow that by a

name of your

choice which

must start with

a letter or

Click the drop

down arrow be-

side the box to

get a list of al-

ready defined

classes and

click one of these

6 Click ‘Create Style rule’

7 You are now presented with a window headed

‘Selector’ followed by your class name. The win-

dow actually lists the style declarations for that

rule, but of course that is now blank

Now proceed as in section 4.2.1 ‘To define how you

want elements to look’. In that case you could watch

the effect of your styles appear immediately on your

page (assuming that you had a page which used the

corresponding elements). Now, of course, you have

none, so first we must learn how to apply a class to an

element.

First enter some details for your new class that will

allow you to recognise it on the screen if it is applied.

For instance use the border tab to produce a border

styled as solid, 2px wide, coloured red.

It is possible to set styles for several classes at the

same time just as it was for elements. Proceed as in

4.2.2 but precede all class names by a dot e.g. .style1,

.style2 (KompoZer automatically adds the dot for the

first).

4.2.3.1 Applying Classes

KompoZer provides two methods for applying class-

es. Method 1 is the simpler; sometimes it is difficult to

select the item to use this method in which case

method 2 is preferable.

Apply a class – Method 1

1 If necessary close CaScadeS

2 Select the item to which the class is to be ap-

plied. For a heading or paragraph simply click in

Tip:Class names can

contain letters, numbers,

hyphens and under-

scores but not spaces

and must not start with a

number. They are case

insensitive. N.B. Class

names do not include

the initial dot.

Creating a class

Showing content, padding, borders and margin

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: