I am trying to add vertical & horizontal lines to a 9 item table that is dynamically created from a single table source. I know "who uses tables?", but this a dynamic switch that I don't want to mess with currently. What I would like is an end result like the image below, but I am finding it difficult to pull off. Does anyone have any suggestions? CSS / td style / use images, any help is appreciated. Thanks.

http://www.shopworldofdecor.com/imag...n/whatsnew.jpg

It's doable with css.

Put a border (1px?) around the entire table. Give the cells the same border on two sides, say border-right and border bottom. That will create an unnecessary border for the rightmost and bottommost cells so you'd need to add a class to those cells so they don't get that border.

Alternately you could add the class to all the cells that get a border, but I think it will be less code to add the class to the cells that don't get it.

That should take care of everything other than the empty spaces between the cells and the table edge. I think what you want to do is create a row at the top and bottom and columns on the left and right. The rows would get colspan="5" and the columns would be rowspan="3" And none of these edge columns and rows gets a border.

I hope that makes sense. The main idea is to add classes to some of the cells so you can either turn borders on or off on those cells.