Untitled Document



 Introduction to HTML
 Structure of HTML
 Creating First HTML  Document
 Building Your HTML  Document
 Tables
 Creating Basic Tables
   Table
   Creating Basic Table
   Table Parts
   The <TABLE> Tag
   Rows and Cells
   Empty Cells
 Captions
 Table and Cell Alignment
 
 Table Alignment
 Cell Alignment
 Cell that Span Multiple  Rows, Columns
 
 Cell that Span Multiple  Rows, Columns
 Defining Table and  Column Widths
 
 Defining Table and  Column Widths
   Setting Break in Text
   Table Widths
 Column Widths
 Other Features of Tables
 
 Other Features of  Tables
   Border Width
   Cell Spacing
   Cell Padding
   Color in Tables
 Other features of  Table
 Frames
 Including Images into  Document
 Including Multimedia
 Developing HTML  FORMS
 Using Style Sheet
 Understanding URLs
 Using JavaScript
 Using Java

Copyrights : Layout Galaxy All Rights Reserved
No part of this tutorial may be reproduced, stored in a retrieval system or transmitted in any form or by any means, electronic, electrostatic, magnetic tape, mechanical or otherwise, without prior permission in writing from Layout Galaxy.




  Table > Table and Cell Alignment

  Table Alignment

Using the ALIGN attribute, you can align tables along the left or right margins and wrap text alongside them the same way you can with the image.

Syntax:

ALIGN=LEFT aligns the table along the left margin, and all text following that table is wrapped in the space between that table and the right side of the page.
ALIGN=RIGHT does the same thing, aligns the table to the right side of the page.

Note: Up and the recent release of Internet Explorer 4 and Netscape Navigator 4, no other browsers supports ALIGN=CENTER on tables. However, you could use the <CENTER> or <DIV ALIGN=CENTER> tags to center tables on the page. Now with the latest versions of both browsers, <TABLE ALIGN=CENTER>is correctly supported.

  Cell Alignment

When you have your rows and cells in place inside your table and the table properly aligned on the page, you can align the data within each cell for the best effect based on what your table contains. HTML tables give you several options for aligning the data within your cells both horizontally and vertically.

Horizontal alignment (the ALIGN attribute) defines whether the data within a cell is aligned with the left cell margin (LEFT), the right cell margin (RIGHT), or centered within the two (CENTER).

Vertical alignment (the VALIGN attribute) defines the vertical alignment of the data within the cell, meaning whether the data is flush with the top of the cell (TOP), Flush with the bottom of the cell (BOTTOM), or vertically centered within the cell (MIDDLE).

Netscape Navigator implements VALIGN=BASELINE, which is similar to VALIGN=TOP, except that it aligns the baseline of the first line of text in each cell.

Back Next


Copyrights : Layout Galaxy All Rights Reserved
No part of this tutorial may be reproduced, stored in a retrieval system or transmitted in any form or by any means, electronic, electrostatic, magnetic tape, mechanical or otherwise, without prior permission in writing from Layout Galaxy.




17, Vadsarvala Nivas, 65-A, J. Nehru Road, Mulund (W), Mumbai - 400 080 INDIA
Tel : 91-22-21645588, 91-22-21640585 Fax : 91-22-21641545
Email : ionline@vsnl.com
Image Online 2001-2003