Absolute Positioning

Archives by Tag 'attribute'

Fixed positioning

This type of positioning is similar to the absolute positioning attribute in that it is calculated with reference to its containing blocks, and it is pulled out of the normal flow. However, the reference is in the context of the browser viewport. The viewport is a fixed block that remains fixed; however, many of the [...]

Clipping regions and overflow

Using the clip attribute sets the clipping region for a positioned element. The rectangle within which the element is displayed is defined by the attribute and any portion that extends beyond the rectangle is clipped. The clipping region has to be carefully defined in a parametric order—top, right, bottom, and left). The clipping region can [...]

z-index ordering

When two or more elements occupy the same area, some kind of ordering is necessary. The z-index ordering attribute helps the designer set the order in which the elements should be drawn on the screen. This attribute is especially useful when there are relatively or absolutely set elements on the page and they overlap other [...]

Element visibility

Your web page may have a number of elements that must be hidden unless a specific trigger is fired or an action is performed. For instance, if you want to display a clock on the page at a particular time of the day, the clock will have to remain hidden until the time trigger occurs. [...]

Defining concepts

Absolute positioning defines the x and y coordinates of an element with reference to the top-left corner of the browser page or the containing block, and the position attribute is set to absolute. The code will read somewhat like this: <style type= “text/css”> <!-– p {position: absolute; left 50pt; top: 30pt} –> </style> Note that [...]

Types of positioning

While this default “flow” does not give the designer much scope for manipulating layouts, CSS allows the designer to apply a small set of attributes to the elements of the page and control their position by defining coordinates within which they will appear. CSS 1 provided the user with the ability to specify: The width [...]

Attributes and positions

An HTML attribute or a style property is called a parameter in web-design parlance. For instance, the id parameter means either an id attribute that can used with the <layer> tag or the id style property. However, property means style property. The <layer> tag takes on pixels as the unit of measurement for attributes that [...]

Absolute positioning and layers

Absolutely positioned layers can be defined with reference to its coordinates within its containing layer. The top, left corner of the layer can be set using the left and top attributes or properties. However, if these attributes are not set, they will default to the top and left of the containing layer automatically. The absolutely [...]

Aligning text and images in cells

Text is often wrapped around an image, by floating that image either to the left or right of the page. If you float the image to the left, then text will wrap around the right and vice versa. The CSS float property is very similar to the align attribute in HTML. Floating an image takes [...]

Understanding frames

Frames split the page into multiple windows with their own independent pages. These frames are created by first creating a frameset document. This document defines the ways in which the window is to be split and the pages that will be held by each independent frame in the window. A <frameset> tag replaces the body [...]