Dreamweaver 4 Intermediate
river mortenson

week2 | week3 | week 4 | week 5 | home | links | contact |

Bird's nest

Week 5
Methods for Nesting Tables
(Pages use CSS styles)

Using the Dreamweaver Extention

| Method 1 HTML| Method 2 ImageReady | Method 3 Dreamweaver | Method 4 Extension


Using the Dreamweaver ImageReady extension

For a background for this week please see previous week (week 4) on this site.

The extension for inserting ImageReady files into Dreamweaver has several advantages over the other methods of transfering ImageReady files into Dreamweaver and making nested tables. The best advantage is its ability to convert the JavaScript in ImageReady to JavaScript in Dreamweaver. This allows you to edit the JavaScript in Dreamweaver.

It certainly also has an advantage over Method 2 because you no longer have to carefully cut and paste the ImageReady JavaScript to the Dreamweaver HTML. It eliminates the hand coding manipulation by using the extension. With one push of the button the code is invisibly converted and placed in the Dreamweaver file. As Garo says - cool.

The file I used is the same for the week 4 examples and my notes on the procedure can be found by accessing the Method 4 extension link. You can also link to the finished file and see how the nested tables are behaving.

Screen clipping of samplepage

My favorite method is now number 4 but you still have to go through a quite a few manipulations to be successful. Method 2 still has its place if you're careful. And no matter what method you use, you still have to go through the riggamaroll of making sure you vertically align to the top of the <td>s of the nested tables.

| Method 1 HTML| Method 2 ImageReady | Method 3 Dreamweaver | Method 4 Extension