Absolute Positioning

Archives by Tag 'web page design'

Introduction – Getting started

Where do we start? Well, if we follow the advice of our wise old ancestors, we should “start at the beginning.” This book starts somewhere in the middle. The middle may be a good place to start if you know what went before and understand the direction you want to head. Because you picked up [...]

Building a site that works across browsers

The foregoing discussion probably left you feeling a little frustrated and disheartened. Designing a web page that displays its elements well across all browsers is not as easy as it seems. It appears that one must compromise and design for a single web browser or, at best, a chosen few. However, your awareness of the [...]

Taking position

Web pages have been around for some time now. Buttons, banners, text, audio, video, or animated gifs are elements that make up the pages. Presenting these elements in attractive and accessible manner is the intent behind every web page design. While the result looks attractive and simple, the reality is that the placement of elements [...]

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

Concept of templates

Many of the tasks in web-page design are repetitive. The need to maintain a consistent look and feel throughout the site, the familiarity of users to the positioning of buttons, and navigational elements and so on makes it inevitable that some of the aspects of the design are repeated again and again. This results 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 layout

Too many words per line can be distracting to the reader. 10–12 words per line are considered desirable. Multiple-column layouts can be considered if there is a lot of information that needs to be conveyed on a single page. However, the designer must keep in mind the fact that certain resolutions render the columns too [...]