Cunnings of tabulared design. (we form a framework of the table)
To any web designer, in view of the professional work, it is necessary to create those or other complex elements on a site
(For example: optekanie the text schedules, creation of columns with the text, fixing of elements of a site).
However, the standard html has a small amount of standard elements of registration of page, and not all elements are equally displayed in different browsers. Each company tries to develop own html, at times leaving far from the basic concept html, developed by consortium WWW.
Therefore it is necessary the web designer ehksperementirovat` with elements which are the general{common} for all browsers.
Most successfully tables t.k in cells of the table conveniently approach to place the information.
Besides tables in html have attribute " border = "0" - this attribute with value "0" hides borders of the table t.e remains contents of a cell and a framework are visible is not visible.
Let's consider an example of development of tabulared design now.
Color border of a framework of the table.
At once I shall note, that in html the attribute which is responsible for color of a framework of the table, by default, is built - in. (bordercolor). However, he will not approach us, because the given attribute is supported only by browser Internet Explorer. In other browsers this element does not work. But it is necessary for us, that the page was equally displayed in any browser. To us to the aid there come tables. Let's create the usual table all over again.
<table width = "255" height = "72" border = "0" align = "left" cellpadding = "0" cellspacing = "2" bgcolor = " * 000000 ">
<tr>
<td valign = "top"> *nbsp; </td>
</tr>
</table>
The attribute "border" should be equal "0." cellspacing we shall equate to "2" (the more the number more widely, the it will turn out the framework of the table).
The attribute "cellspacing" serves to specify distance between two cells. In this case, he will specify distance between two tables.
Let's fill the table with black color, using attribute "bgcolor" In general you can choose any other color, depending on what color there will be your framework.
<td valign = "top"> *nbsp; </td>
With the help of it tega it is underlined, whence it is necessary to have the information. In the given example we need to arrange the information, since the top edge{territory} of the table.
We insert in a cell of our table other table.
<table width = "251" height = "69" border = "0" cellpadding = "0" cellspacing = "0" bgcolor = " * FFFFFF ">
<tr>
<td height = "69"> <div align = "center"> the Text </div> </td>
</tr>
</table>
We specify color of a background of the table. In this case, we need a white background.
That's all. Our table is ready. Now we have the table which framework will be displayed in all browsers equally.
At last, I shall result all code which we have created.
<table width = "255" height = "72" border = "0" align = "left" cellpadding = "0" cellspacing = "2" bgcolor = " * 000000 ">
<tr>
<td valign = "top"> <table width = "251" height = "69" border = "0" cellpadding = "0" cellspacing = "0" bgcolor = " * FFFFFF ">
<tr>
<td height = "69"> <div align = "center"> the Text </div> </td>
</tr>
</table> </td>
</tr>
</table>
Success!

|