Tables used to be everywhere in web design before some bright spark invented CSS. They were used to build a site and get everything looking as it should, in the right places. Nowadays they are less frequently used in the building of a site because of the problems browsers have with displaying layouts consistently, however if you want to display tabulated style data a well built table can work wonders.
Adding a table to your iWeb site can be a difficult or simple affair. Before you do though you need to spend a bit of time planning how you want your table to look. How many columns, how many rows, what background color to use, which font to pick and how big it should be; the list is almost endless. You can now spend hours pondering over HTML using a HTML editor; or you could point your browser over to iWeb Toolkit’s Table Generator.
Once there you simply enter the information into the on-lin form and press the ‘Generate’ button.
This will generate a pop-up window with an example of your table and, underneath it all of the necessary HTML code.
You will note that all of the table cells have been filled by the words ‘Cell Contents’. If you scroll down on the HTML you will see these words repeated again. Obviously this text you can replace with your own text, but not just yet.
If you are happy with the design of your table select all of the code and copy it. Open iWeb and create the page that you want the table to appear on. Select HTML Snippet and when the transparent black window pops up paste in the HTML code. Now is the time to edit the ‘Cell Contents’ text as required.
Once done, click ‘Apply’ and your table is inserted.
All you have to do now is publish as normal.
Do you use tables in your iWeb site? Why not leave a link in a comment.