CPH Table Maker

Use this tool to make your own BASIC HTML Tables. When finished, insert the code on your webpage using the HTML Object Tool.

A Table is made up of of data cells arranged in rows and columns.

example:

This is a cell.
Row 1 Column 1		 This is a cell.
Row 1 Column 2
This is a cell.
Row 2 Column 1		 This is a cell.
Row 2 Column 2
This is a cell.
Row 3 Column 1		 This is a cell.
Row 3 Column 2

The same effect as the example above can be created automatically and much faster by Cool Page using Colored Boxes and Text Boxes, which is the recommended method of creating tables.

If you want to learn about tables and how they work just use this tool over and over to gain familiarity with them. It will be fun!

Instructions:

Enter the desired settings in each section of the tool.

1. Table Width - The overall width of the entire table itself. Enter the width of your table in pixels.

2.Cell Padding - The amount of space, in pixels, between the edge of the cell and the contents of the cell. The cell contents can be some text or an image.

3. Table Rows - How many rows do you want in your table?

4. Columns - How many columns do you want in your table?

5. Table Border - This is the border around the entire table and each cell. Enter 0 (zero) if no border desired.

6. Table Background Color - The background color of the entire table. View the Color Chart to pick your color and enter the corresponding color code preceded by the # symbol.   example #FFFFFF

7. Table Alignment - This setting aligns the table on either the Left, Center or Right of the page. Because Cool Page uses "exact pixel positioning" you should choose "Center".

8. Table Cell Alignment - This setting aligns the data in individual each cell, either Left, Center or Right. (horizontal)

9. Table Cell Vertical Alignment - This setting aligns the data in each cell either Middle, Top or Bottom of the cell.

10. Press the Generate Code button. Your code will appear in the text area.
CPH Table Maker Tool


Table Width (in pixels):  
Cell Padding:  
# of rows:  
# of columns per row:  
Table Border (in pixels):  
Table Background Color:  
(pick color)  
Table Alignment:  
Table Cell Alignment:  
Table Cell Vertical Alignment:  

*YOU MUST EDIT THIS CODE *
Press the preview button to see your table. Each cell will be labeled.
example  [ Row 1, Column 1 ]

Return to the text area and replace ALL sections of the code that look like this [ Row 1, Column 1 ] with your own text. DELETE the brackets: [    ]. You may preview the changes you make.


When you are finished editing your table, put the code on your page using the HTML Object Tool. Paste the code in the HTML Object Properties window. Next, click the General Tab of the HTML Object Properties window and set the dimensions (width and height) of the HTML Object slightly larger than the dimensions of your table. Click here to learn the proper use of the HTML Object Tool.
Disclaimer: This tool is provided as a free service of coolpagehelp.com.
DO NOT send questions about your tables or the use of this tool to Cool Page Customer Support. Cool Page Customer Support ONLY answers questions about the code that is generated by the Cool Page program.
The code generated by this tool should work in all browsers.