Absolute Positioning

Archive for 'Tables and absolute positioning' Category

Tables and absolute positioning

Tables were originally incorporated into web pages as containers for display of data. Innovative web designers realized the potential of tables the moment they were able to set the border=0 and have an invisible grid in which they could place the various components of their website. However, over the years the limitations of using tables [...]

Aligning columns and elements absolutely

In the preceding section, we spent some time studying the different properties of tables and how they can be exploited for layout purposes. In this section, we shall begin with a layout design using a two-column body with a header and footer layout using tables to design our pages and also do the same layout [...]

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

Using background images in tables

We can have a composite image that is split into pieces and must be set to recombine in the cells of a table or a single image that needs to be repeated to form a tiled background for the page by inserting the image into each of the cells and aligning them precisely to give [...]

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

Nested tables and absolute element positioning

Nested tables make for slow loading web pages. The browser begins to render the page after it has found the entire table it has to load. Therefore, the deepest table will have to be identified before the entire table is loaded. The advantage of nested tables is that absolutely positioned tables can be placed within [...]