Valid XHTML 1.0!

Valid CSS!

©2004 -pch-

How to use tables

Why do we talk about tables? We can use tables for the easy layout creating of Web pages. This way is very good for beginners. You can form text or pictures into rows and columns without a border view. The visitors look at the objects but they don´t see any tables.

Webdesigner-expert doesn´t use them. Why? The reasons are simple:
- it is necessary to tend the size in the tables and on the pages
- data-size is bigger - long time for reading.

You can use a small trick - you form some small tables instead of one large. The reading is faster. It is important when you create photo galery, for example. The opponents of tables don´t use them, they create no table layout by Cascading Style Sheets. This Web is formed by CSS, too. The tables are on the Web page with Javascripts (advertisement) and in the chapter about tables.

Table joint to the Web site
<table border="1" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="33%" align="center">text</td>
<td width="33%" align="center">text</td>
<td width="34%" align="center">text</td>
</tr>
<tr>
<td width="33%" align="center">text</td>
<td width="33%" align="center">text</td>
<td width="34%" align="center">text</td>
</tr>
</table>

This table is formed by 2 rows and 3 columns. The table width is created according to the page width (100%) and the relation between columns is given by percentage in all of them.

The tags table - /table determine common table attributes. The rows are determined by tags tr - /tr, the columns by tags td - /td. The rows are superiored to columns.

Up