Absolute Positioning

Archives by Tag 'designers'

Client-side and server-side programming

Client-side or server-side programming is another aspect of web design that has an impact on the way pages display on the screen of the end user. Client-side scripting refers to a computer program executed on the client side by the user’s web browser. This program becomes significant when the web-page code contains DHTML, scripting languages, [...]

A voyage of discovery

Designers want a website to enable interaction with the end user. Interaction styles refer to all the different ways in which technology enables the user to communicate with the system. Historically, it all began with the text terminal. Users entered commands as lines of text, and the output was a text. With increasing use of [...]

z index property and positioning—absolute/relative

CSS allows an overlay of elements to create a 3D effect. The elements can be absolutely positioned in such a way so that they are positioned in overlapping layers. A stacking occurs, and the z-index order value is used to position the layer in the stack and, consequently, the image or text. The code below [...]

Floating window pages

Floating windows can be used when visual overlapping is considered advantageous and provides some depth to the application. A floating window floats in front of other windows because the z-index order placement is relative to that of the other windows. Floating windows are supported in Windows, Mac OS, and Linux. Floating windows help the designer [...]

Layers and positions

A layer is a type of container. It can hold text, images, tables, and other layers. While layers are extremely difficult to hardcode and a number of browsers do not support layers, they can be used to an advantage for obtaining text and image effects and for the creation of websites that are creative. The [...]

Stacking layers

We briefly discussed z-index order and stacking of layers. In this section we shall understand this concept in more detail. CSS allows designers to position boxes on layers, in addition to rendering the layers from 0 to whatever integer value they wish to stack layers in the z-index property. The position of the layer in [...]

Aligning cell contents absolutely

In the preceding section, we had a brief look at the options available with the designer to create tabled and tableless columnar layouts. You could say that we had a very high-level view of how the page should be laid out. However, the real core of web design lies in the placement of elements within [...]

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

Font size

While the controversy on shape of the font rages, no one disputes about size. Anything less than 10pt is not acceptable to both designers and readers. The length of the line should also not be more than 10 to 12 words long or readers will find themselves in difficulties. If the font is too small, [...]