How to design a products page without using tables Options

[ellyn]

How would you design this product page without using tables? Or would you? Are these my choices?

Here is the page:
https://ashley-conti.squarespace.com/soil-media-1/

I am redesigning this page using html instead of SquareSpace.

1. All divs, photos with captions

2. Style it in CSS using divs that act like a table? I have never done this before.
.boxer {
display: table;
border-collapse: collapse;
}
.boxer .box-row {
display: table-row;
}
.boxer .box {
display: table-cell;

3. Use a table

Thank you!

This post has been edited by ellyn: Jul 16 2014, 11:37 AM

[Frederiek]

That page already doesn't use any table for the products.
But I do see a soup of DIV tags surrounding the actual image and caption, way too many. I'd go for your first option with a simplified structure.

[ellyn]

That page already doesn't use any table for the products.
But I do see a soup of DIV tags surrounding the actual image and caption, way too many. I'd go for your first option with a simplified structure.

Thank you! Oh, I should have been more clear. I am redesigning this page using html instead of SquareSpace. In other words, I have to mimic this page using html. I want to write clean code that is best for SEO and I do think having pics with captions below would be best for that. Thanks for your response. I would love to hear what others think too.