Join now,
it's FREE


 
Main PageMain Page  HomeHome  CalendarCalendar  FAQFAQ  SearchSearch  MemberlistMemberlist  RegisterRegister  Log inLog in  

Share | 
 

 HTML layout with tables

View previous topic View next topic Go down 
AuthorMessage
Photoshop
graphic
graphic
avatar

Windows : Vista
Posts : 44
Join date : 2010-12-22

PostSubject: 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

---------------------------------------------------------------------------
Back to top Go down
View user profile
 

HTML layout with tables

View previous topic View next topic Back to top 

 Similar topics

+
Page 1 of 1

Permissions in this forum:You cannot reply to topics in this forum
 :: Support forum Home :: Tips & Tutorials-
Jump to:  
Free forum | © phpBB | Free forum support | Contact | Report an abuse | Free forum