hkDivStarter

Features:

• Easy-to-use interface for creating tables and other layouts using CSS and DIV tags, instead of the deprecated TABLE tags,
• Wizard-like graphical interface for creating layouts with rows and columns,
• Quickly create nested layouts by adding child cells,
• Insert rows * columns to the current cell,
• View updates to the CSS code and HTML tags in real-time,
• Options for adding side borders to rows and/or columns,
• Ability to include the CSS code as inline attributes or as a style block, and
• Generate separate style classes for each column to make it easier to apply different styles to columns.

Usage:

• To create a table with 4 rows and 6 columns, change to the Table tab, specify the number of rows and columns, and click Add Table.
   
• To add 2 columns, one with two rows: click Add Column twice, select the cell labeled A-2, and click Add Row twice.
   
• To view how the CSS and HTML tags update to reflect changes to the layout: click the Code tab.

Related Tags:

• HTML tags: div, style.
   
• HTML attributes: class.
   
• CSS properties: border, clear, float, height, width.