Absolute Positioning

Archives by Tag 'layouts'

Positioning considerations

So, what are the things we should take into consideration when we decide to position the elements on our web page? The layout of the content and the purpose of the document are important. Do we want the content to use the default flow and reflow when resizing the window? If so, then we should [...]

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 [...]

Relative positioning

Relative positioning is similar to static positioning in that the elements are part of the flow. However, they differ from static positioning in that they can be moved around relative to the position they would normally occupy. For instance, if an object would normally appear at top =10 and left =10 and the object ‘s [...]

Absolute positioning in CSS

Absolute positioning is one of the more powerful features of CSS and can be used to an advantage by an experienced web designer. Absolute positioning is specified by giving values for the top, bottom, left, and right properties. These properties will specify the distance from corresponding edge of the page or its parent element. This [...]

The concept

Layout managers were created to simplify interface design and free the designer from the drudgery of calculating the coordinates for each element on the page and worrying about properties, attributes, and display problems relating to any specific elements. While the concept is laudable and helpful, it was not the ultimate panacea for the web designer’s [...]

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 [...]

Text design

So much for content and what impresses and what does not. Let us look at text design. The web is a visual medium of communication. How the text displays is as important as what it says. Text design is all about the style, the font, the alignment, the size, and the layout of text on [...]