Dreamweaver 4 Intermediate
river mortenson

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

Bird's nest

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

Method 1 - ImageReady and HTML coding

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


ImageReady + code by hand into HTML

1. Name all the cells – slice.
2. Open HTML – remove Rollovers by carefully taking only the code out of the HTML that applies to the Rollovers.
3. Place in table in another HTML document.
4. Test table of Rollovers.
5. Create TD’s in old document in either old table or a new one.
6. Place Rollover table in the table of the original document. Place table in TD cell not TR!
7. Place in attributes of TD that holds the nested table: valign+"top".
8. Place in attriibutes of the nested table's tag: border=0, cellpadding=0 cellspacing=0. You need more than just the border tag.

Set of rollovers in browser

This set of rollovers was copied from the ImageReady HTML file and put in its HTML file and then put in a separate table nested in the original HTML file.

 

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