Club Matters‎ > ‎Site Tips and FAQ‎ > ‎

Using tables to force the layout of your page

Here is a table, this will force your pictures to stay where you put them:

 The table will expand to fit the pictures 
 So you can make sure the text goes where you put it. 
    


Here is another table where I have edited the html to remove the borders. Otherwise it started out as the same as the one above, then I have resized it, deleted a column, etc
 

 Now you can add text in line with the pictures		  


You can add columns or rows - just click on the "Table" menu item.

If you click inside a cell in Edit page mode, you will see some familiar drag handles which allow you to change the size of the table.

Once you have a size and shape you like, you can copy and paste it over and over again, or even use these.

I am no html whizzkid but this is how I have edited the html in Grant's LNR page to remove the table borders. I have set table border="1" to table border="0" and border-width:1px to border-width:0px

<table border="0" bordercolor="#888888" cellspacing="0" style="border-color:rgb(136, 136, 136);border-width:0px;border-collapse:collapse">

The good bit about playing around with the html is that if it all goes bad or you receive dire warnings from the site about your rubbish html when you save it, just click "Cancel" instead of "Save" in the top right corner of the page and you will be back where you started.

Comments