Blip

About this episode

A common task these days is to move old table based layouts to more flexible layouts based on divs and css. I’ll show you a simple pattern that can be used to detect the tables, preserve the content and move the layout to divs.What does the example do? The pattern declared in figure 8 matches a table that has a header, a menu and the content that is positioned below the header and right of the menu. Each section is matched and the content is stored in variables. The replacement creates a div for each section, the content of each section is restored and the id attributes are switched to class attributes. If your site has a complex layout you can use several patterns to clean up the mark up and transform the tables incrementally.

• Release Date

  Nov 7, 2008

• Runtime

  02:08