Using tables to control layout - 2
Making a toolbar for a page
A toolbar is quite a popular addition to a Web page. Ideally each page in the site will have the same 'buttons' in the toolbar. The buttons can be images of similar size dropped into a table with a fixed layout.
You should have
- The table example page above loaded into MS FrontPage Express
- Some icons ready in the same folder as your page (just save my example icons below if necessary)
Just follow these instructions
- Click in your table at the beginning of the heading, and make a new paragraph
- Insert a new table of one row and 4 columns, and put the text cursor in one of the cells of the new table
- Select the whole row by clicking on Table | Select Row in the Table menu
- Select Table | Cell Properties to bring up the Cell Properties dialog box
- Set the Minimum Width of the cells to 90 pixels (for the icons below)
- Click the OK button
-
Click in the first cell, and insert the image using the
button - Repeat for the other cells, and remember to add your ALT text!
- Save your changes!
When viewed in a Web browser, your toolbar should look something like this:
Page text goes here
HTML tables mark-up
The table HTML is quite complex, and below are some references to information and tutorials on the Web. I would use an editor like MS FrontPage Express to make table layouts, 'rolling your own' can be frustrating and you can waste a lot of time.
