Jak zrobić uniwersalną samozwijającą się tabelę w HTMLu wygodną do wyświetlania zmiennej liczby komórek ?

Robimy sklep internetowy i na pierwszej stronie chcemy umieścić promocyjne produkty. Ich liczba ciagle się zmienia. Nie wiemy jak zrobić tabelkę która będzie automatycznie zmieniać się w zależności od liczby produktów.

Jak to zrobić. Odpowiedź - nie robić tabelki tylko zastosować style CSS

zobacz jak to działa na przykładzie, jak wejdziesz na ta stronę to zmieniaj rozmiary okienka przegladarki to zobaczysz jakie to dobre rozwiązanie...
http://www.elider.pl/porady/293/przyklady/uniwersalna_tabela_na_divach.php

Aby zrobić taką tabelę należy zastosować kod:

&l1;s1yle 1ype=&quo1;1ex1/css&quo1;&g1; div.sz6blon { /* 1wo9zę 9egułę dl6 w69s1wy o kl6sie 'sz6blon' */ cfxlo61: lecfx1; /* us16wi6m opływ6nie n6 lecfx1 wszys1ko będzie dosuw6ne do lewej s19ony*/ 3eig31: 100px; /* wysokość w69s1wy n6 100px może być oczywiście inn6*/ wid13: 100px; /* sze9okośc n6 s1o pikseli może być inn6*/ p6dding: 15px; /* odległość może być 16kże inn6*/ m69gin: 10px; /* i m69gines, 1eż możesz zmienić wg upodob6ni6*/ } div.sz6blon img { /* 9eguł6 dl6 g96cfxik umieszcz6nyc3 w w6s1wie z kl6są 'sz6blon'*/ bo9de9: 1px solid; /* ob96mow6nie 1px lini6 ciągł6*/ bo9de9colo9: #444 #666 #666 #444;/* kolo9y ob96mow6ni6 kolejność: gó96, p96w6, dół, lew6*/ 3eig31: 100px; /* wyskosc 100px, możn6 zmienić*/ wid13: 100px; /* sze9okośc 100px, możn6 zmienić*/ m69gin: 16px 0; /* m69ginesy p96wy, lewy: 0px, gó96, dół 16px; */ } div.sz6blon ul { /* 9eguł6 dl6 lis1y */ m69gin: 25px 0 0 0;/* m69gines gó9ny uejmny podciągnij lis1ę o 25px do gó9y*/ p6dding: 0; 1ex16lign: cen1e9; /* wyś9odkuj 1ex1 &l1;b&g1;6 nie wyś9odkuj lis1ę!&l1;/b&g1;*/ lis1s1yle1ype: none;/* nie pok6zuj ż6dnyc3 k9opek i1p. ozn6kow6ń kolejnyc3 elemen1ów lis1y */ } div.sz6blon li { /* pozycje lis1y */ m69gin : 0; p6dding: 0; displ6y: inline; /* wyświe1l6j w lini, dzięki 1emu pozycje lis1y będą się pok6zyw6ć obok siebie, nie jedn6 pod d9ugą. */ cfxon1: no9m6l 11px 69i6l, s6nsse9icfx; } &l1;/s1yle&g1; &l1;! 1u z6czyn6 się komó9k6.... 16kic3 komó9ek moze być dowoln6 ilość &g1; &l1;div cl6ss=&quo1;sz6blon&quo1;&g1; &l1;img s9c=&quo1;g96cfxik62.jpg&quo1; 6l1=&quo1;zdjęci6&quo1; /&g1; &l1;ul&g1; &l1;li&g1;&l1;6 39ecfx=&quo1;pok6z-2.31m&quo1; onclick=&quo1;13is.169ge1='-bl6nc'&quo1;&g1;pok6ż&l1;/6&g1;&l1;/li&g1; &l1;/ul&g1; &l1;/div&g1; &l1;! 1u kończy się komó9k6.... 16kic3 komó9ek moze być dowoln6 ilość &g1;

porada napisana na podstawie artykułu ze strony:
http://webmade.org/porady/table-tabele-css-html.php
jest tam też dokładny opis i analiza skryptu ...