Simple Table Tutorial

[sh4d0w]

I've always been told 'master tables and you've pretty much mastered html'. So, here's how to creat a table. it will be a simple one. Tables can be used for layouts (for those who dont like iFrames, Taco (= ) well here it is :

<table>
 * <tr>
 * * *<td> Text here</td>
 * </tr>

 *<tr>
 * * *<td> This Appears Next To "Text here"</td>
 *</tr>
</table>

Ok the way that works:

<table> - this is the beggining of the table. it starts it off. you can put the width and height of the table here.

<tr> - this starts a new row. The one going horizontally.

<td> - this is a column. also known as a cell. The table is made up of cells.

</tr> </td> </table> - these tags just close the previous stated.

[tfc_generalKMK]

yes but if you use a pure table site you will need an iframe if you want your content to load in a specific box as you can&#39;t point a link to a table

[sh4d0w]

Or you can have the same table, same layout and such, and have it all load again. with the content you wish. There are simple ways to avoid using iframes, i myself use iframes quite alot.

[tfc_generalKMK]

ya but that way makes every page a huge mess of tables which is hard to edit

[sh4d0w]

Originally posted by tfc_generalKMK@Feb 25 2005, 09:14 PM
ya but that way makes every page a huge mess of tables which is hard to edit

[snapback]10506[/snapback]

Yes, that is why i&#39;ve been told &#39;Master tables, and you&#39;ve mastered html&#39;. If you can get around tables very well you will be pretty set for any type of layout. doesn&#39;t matter how big the mess of tables is.

[tfc_generalKMK]

ya i prefer css layouts take a look at ultimategaming.info/pesronal.php that is all layout using absolute positioning and divisions in the main html page

[sh4d0w]

Well then, how about you post some css tuts? you like them so much (= I use html/css/js for making websites. mostly html and css

[tacoX]

You dont need iframes, you can create pages with content inside the tables - or use php includes. Iframes are HORRIBLE - and should be avoided at all times.

Thanks for your submission mate&#33;

[tfc_generalKMK]

sure why not =) i will start working on a 3 layout using pure css tutorial based off of my personal site (honestly i may just post my code for it and then show the css sheet for it also lol

[dmeister]

I, personally, use tables quite a bit. They offer a great deal of control over page and content layout, are cross-browser & backwards compatible, and are more flexible than positioned elements in many cases.

The typical layout of a basic website can be quickly defined and easily tweaked with this simple Table:

<table>
 * * <tr>
 * * * * *<td colspan="2">Header Content</td>
 * * </tr>
 * * <tr>
 * * * * *<td>Left Content</td>
 * * * * *<td>Main Content</td>
 * * </tr>
</table>

It&#39;s a pain, for instance, to center positioned elements in the browser window (particularly in Mozilla browsers), which makes having a "centered" website difficult to achieve across all browsers without scripting. However, adding a simple align="center" attribute to your <table> tag will accomplish this effect in just about any browser.

dmeister