Creating Tables in a post or page

There are two easy options for creating tables in a post or page, the first is to simply learn the HTML code involved. Doing this means you have total control over how you tables look, and it really isn’t that difficult to learn. The second option is to add a button to your MCE editor that allows you to insert tables into a post or page. Both options are discussed below.

1 –  LEARNING THE HTML

Learning how to write tables in HTML code is quite easy :

<table> – this begins the table

<tr> – This begins a row

<td> – this begins a cell put all the data you want in your first cell here </td> <td> end one cell and start another </td>

</tr> now we end the row

<tr> now we begin a new row

<td> a new cell </td><td> another cell</td>

</tr>

</table> – end table

The web browser will automatically line up the cells in different table rows, so the first cell in row one will line up with the first cell in row two.

It will also automatically adjust the width and height of the cells and row to optimize with regard to how much data each cell contains and how much room there is on the page.

http://www.w3schools.com/html/default.asp – this is a good link for learning html and you will down the side a tutorial on tables.

2 – USING A MCE BUTTON

Alternatively – you can add a “table” button to your Tiny MCE – that is the bar of buttons above where you edit posts and pages.

On the left under “settings” you will see “TinyMCE Advanced” here you can choose which buttons you want displayed on your TinyMCE when you are editing posts and pages. If you don’t see this option under your “settings” just write to me and ask me to enable it. sozomai@hotmail.com

One of the options is a row of buttons for creating tables. Just grab it and pull up above unto one of the grey bars then hit save changes down below.

Now go back to edit your post or page and you should see the row of buttons for creating a table.

– Matthew Ude