Photoshop
graphic
Windows : 
Posts : 44
Join date : 2010-12-22
 |  Subject: HTML layout with tables Fri Dec 31, 2010 4:23 am | |
| Tables have been a popular method for achieving advanced layouts in HTML. Generally, this involves putting the whole web page inside a big table. This table has a different column or row for each main section.For example, the following HTML layout example is achieved using a table with 3 rows and 2 columns - but the header and footer column spans both columns (using the colspan attribute):This HTML code... - Code:
-
<table width="400px" border="0">
<tr>
<td colspan="2" style="background-color:yellow;">
Header
</td>
</tr>
<tr>
<td style="background-color:orange;width:100px;text-align:top;">
Left menu<br />
Item 1<br />
Item 2<br />
Item 3...
</td>
<td style="background-color:#eeeeee;height:200px;width:300px;text-align:top;">
Main body
</td>
</tr>
<tr>
<td colspan="2" style="background-color:yellow;">
Footer
</td>
</tr>
</table>
produces this layout... | Header | Left menu
Item 1
Item 2
Item 3... | Main body | | Footer |
|
|
Main Page 
