I have to create a basket/checkout page for an E-commerce site. With all these debates regarding <table>, I’m confused.
Seeing that in a basket/checkout page, products are aligned in rows with their details and with some options like remove/edit, I’m inclined to use <table> but I was told to stay away from it and use <div>/css. I mean, basket/checkout pages are data about products so I don’t see any problem.
So I’m asking, am I right to use <table> or should I use <div>/css for alignment of products? Again, I’m talking about basket/checkout page.
You’re right to use tables in this instance. If you have row upon row of information (or even just one) it makes perfect sense semantically, and more importantly, from a layout point of view to do this.
The alternative with would involve far too much CSS cludge to look the same, and would render your markup into a pile of classes and divs.