You are seeing this very light version of the page, as you are using an outdated
browser!
Onlinetools.org is done in XHTML 1.0 and supports CSS 2.0, please upgrade your
browser if you want a better version of this site.
Thank you, please help us developers keep up with the industry rather than patching our code for outdated applications.
Table-O-Matic is a wizard to generate HTML Tables with fixed sizes. These tables have the correct HTML to look the same in each browser.
With Table-O-Matic you can create "correct" HTML Tables just by entering the needed values.
HTML Tables are the main core of good web design. However, creating tables that look the same on all browsers and have the correct pixel widths for each cell without being hardly maintainable is harder to do than one might think.
During the process of creating various web pages I created a way of coding tables, that proofed to render correct results in all browsers.
With this wizard you can create them without the painstaking tag-by-tag typing.
No installation needed, just use it.
To create your table simply put in the desired values.
Empty values will not be included in the code.
The font and stylesheet definitions will only be included when their checkbox is checked. After creating the code you can simply copy + paste it.The resulting table looks like that:
<table width="1" border="1" cellpadding="1" cellspacing="1"> <tr> <td width="1"><img src="dot_clear.gif" width="1" height="1" alt=""></td> <td width="100"><img src="dot_clear.gif" width="100" height="1" alt=""></td> </tr> <tr> <td align="center" valign="middle" bgcolor="green"> <font face="arial" size="2" color="black" > <div class="text"> 1_1 </div> </font> </td> <td align="center" valign="middle" bgcolor="green"> <font face="arial" size="2" color="black" > <div class="text"> 1_2 </div> </font> </td> </tr> </table>
This way of coding a table has several opportunities: