<div> instead of tables?!?

Can anyone out there give a good example of how to create tables with <div> tags and CSS only. I would also like a good example of nested <div> tables and <spans> tables.

I quick lesson would be great just to get me on track with the customization of ZenCart.

Thank you,

Hickaway

Many examples exist. Here's one:

http://css.nu/articles/table-in-css.html

Google will find others.

Good luck,
Scott

Yeah that sort of helped,

After I saved the page to my hard drive and looked at the html file and the css file I figured out what was going on.

Next time you should give a better example for future members to review and learn from then to send them on a whiled goose chase :wink2:

The centerboxes for featured, what's-new and specials etc, as well as subcategory listings, etc are all tableless grids.

These are build by populating an array called $list_box_contents[$row][$col] with the appropriate information to go in each row/col, and then the output is displayed via the tableless-generator: tpl_columnar_display.php

Or, if a table-based grid is desired, you use the table-generator instead: tpl_tabular_display.php

example:
/includes/templates/YOURTEMPLATE/templates/tpl_modules_whats_new.php
This file begins display of the "new products for this month" centerbox.

It calls this file to build the output:
/includes/modules/new_products.php
This file builds the $list_box_contents array using some SQL queries and some PHP loops.

Control returns to the template, which in turn calls the
/includes/templates/YOURTEMPLATE/common/tpl_columnar_display.php
This file take the $list_box_contents array and loops through it to produce the columnar output without using tables.