 Information
The Basics
Text
Pictures
Spacing
Colors
Links
Alignment
Lists/Bullets
Tables
Frames
Multimedia
Forms
ISO Characters
Meta Tags
Contact Us
Email Support
Email Contact
|
 |
|
Introduction
Specifying the width and height on your tables can make your pages much easier to control, in that now you can control the
shape of your tables. This section will teach you how to specify the width and height.
Pixels and Percents
There are two ways of marking the width and height of your tables. One way is by specifying a certain number of pixels. The
other is by marking the width and height using percents. Pixels, will make it a certain length, and stay there. Percents,
will take up a certain percent of the browser window, meaning it may change depending on your screen resolution, which is
useful for trying to make your site view well on many different machines.
To enter in a pixel width into the area specifying width, simply type the number in. For example "75". For percents,
you type in the percent, which needs to be equal to or less than 100, and then after the number put a percent symbol.
For example "75%".
Table Width and Height
Table width and height specifies the width and height for the entire table. To specify the width and height, you will need to add
the lines WIDTH="X" and HEIGHT="X" to the <TABLE> tag so the final result looks like:
<TABLE WIDTH="X" HEIGHT="X">
The X in the lines, are replaced with the number of pixels or percentage of page that you want either the width or height
to be for the table.
|
index.html - Notepad |
....<BODY>
<TABLE WIDTH="50%" HEIGHT="70">
<TR> <TD>
This table is 70 pixels tall and has a width of 50%.
</TD> </TR>
</TABLE>
</BODY>....
|
|
|
My Homepage - Microsoft Internet Explorer |
|
This table is 70 pixels tall and has a width of 50%.
|
|
|
Cell Width and Height
Cell width and height specifies the width and height for a single cell. To specify the width and height, you add the lines
WIDTH="X" and HEIGHT="X" to the <TD> tag of the cell you want so the final result looks like:
<TD WIDTH="X" HEIGHT="X">
The X in the lines, are replaced with the number of pixels or percentage of page that you want either the width or height
to be for the cell. Please note that cells in the same row cannot differ in height.
|
index.html - Notepad |
....<BODY>
<TABLE WIDTH="100%"> <TR>
<TD WIDTH="50%" HEIGHT="30">
This table is 30 pixels tall and has a width of 50%.
</TD>
<TD WIDTH="50%" HEIGHT="30">
This table is 30 pixels tall and has a width of 50%.
</TD>
</TR> </TABLE>
</BODY>....
|
|
|
My Homepage - Microsoft Internet Explorer |
|
This table is 30 pixels tall and has a width of 50%.
|
This table is 30 pixels tall and has a width of 50%.
|
|
|
Test Your HTML
|
|
