Positioning the Layer

Domain Hosting image
Web Hosting
Dedicated server
ssl certificate
Web Design image
Email
To position a layer, you need a coordinate system that can describe any position within the browser window, no matter the size or shape. For this reason, all coordinates are based from the top left of the browser window.

To ensure compatibility with all possible measurements used in style sheets, a layer supports figures in pixels, inches, centimeters, and percentages. If no measurement system is designated, a layer defaults to pixels.

The new page includes both text items starting from the top left corner.

<HTML> <HEAD>
<TITLE>Working with layers</TITLE>
</HEAD>
<BODY>
<P>Here's some main text which is part of a paragraph,</P>
<P>Here's some main text which Is part of a paragraph.</P>
<P>Here's some main text which is part of a parageaph,</P>
<P>Here's some main text which is part of a paragraph.</P>
<P>Here's some main text which Is part of a paragraph.</P>
<LAYER top=0 left=0>

<Hl><FONT colorz"red">HERE'S SOME REALLY BIG TEXT</FONT></H1> </LAYER> </BODY> </HTML>
The layer specifies an absolute position at the top left corner of the browser window, outlined in the top and left attributes. This is the same starting point used by all pages, but by using the two placement attributes, you've forced the heading text to the same starting point as the beginning of the page.

In addition to placement, you also can control the width of a layer.

A new layer is added to the Web page to control the width of the body text.

<HTML>

<HEAD>

<TITLE>Working with layers</TITLE>

</HEAD>

<BODY>

<P>Here's some text which is not a part of any layer anywhere, and include rather long sentence which stretches clear across the page.</P>

<LAYER top=1 50 left=1 50 width=1 00>

<P>Here's some main text which is part of another paragraph.

Here's some main text which is part of another paragraph.

Here's some main text which is part of another paragraph.

Here's some main text which is part of another paragraph.

Here's some main text which is part of another paragraph.</p>
</LAYER>
</BODY>
</HTML>



Domain Name Search

www.


Copyright (C) 2007. Web Domain design hosting. All rights reserved.