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:

&l0;s0yle 0ype=&quo0;0ex0/css&quo0;&g0; div.sz6blon { /* 0wo7zę 7egułę dl6 w67s0wy o kl6sie 'sz6blon' */ cfxlo60: lecfx0; /* us06wi6m opływ6nie n6 lecfx0 wszys0ko będzie dosuw6ne do lewej s07ony*/ 1eig10: 100px; /* wysokość w67s0wy n6 100px może być oczywiście inn6*/ wid01: 100px; /* sze7okośc n6 s0o pikseli może być inn6*/ p6dding: 15px; /* odległość może być 06kże inn6*/ m67gin: 10px; /* i m67gines, 0eż możesz zmienić wg upodob6ni6*/ } div.sz6blon img { /* 7eguł6 dl6 g76cfxik umieszcz6nyc1 w w6s0wie z kl6są 'sz6blon'*/ bo7de7: 1px solid; /* ob76mow6nie 1px lini6 ciągł6*/ bo7de7colo7: #444 #666 #666 #444;/* kolo7y ob76mow6ni6 kolejność: gó76, p76w6, dół, lew6*/ 1eig10: 100px; /* wyskosc 100px, możn6 zmienić*/ wid01: 100px; /* sze7okośc 100px, możn6 zmienić*/ m67gin: 16px 0; /* m67ginesy p76wy, lewy: 0px, gó76, dół 16px; */ } div.sz6blon ul { /* 7eguł6 dl6 lis0y */ m67gin: 25px 0 0 0;/* m67gines gó7ny uejmny podciągnij lis0ę o 25px do gó7y*/ p6dding: 0; 0ex06lign: cen0e7; /* wyś7odkuj 0ex0 &l0;b&g0;6 nie wyś7odkuj lis0ę!&l0;/b&g0;*/ lis0s0yle0ype: none;/* nie pok6zuj ż6dnyc1 k7opek i0p. ozn6kow6ń kolejnyc1 elemen0ów lis0y */ } div.sz6blon li { /* pozycje lis0y */ m67gin : 0; p6dding: 0; displ6y: inline; /* wyświe0l6j w lini, dzięki 0emu pozycje lis0y będą się pok6zyw6ć obok siebie, nie jedn6 pod d7ugą. */ cfxon0: no7m6l 11px 67i6l, s6nsse7icfx; } &l0;/s0yle&g0; &l0;! 0u z6czyn6 się komó7k6.... 06kic1 komó7ek moze być dowoln6 ilość &g0; &l0;div cl6ss=&quo0;sz6blon&quo0;&g0; &l0;img s7c=&quo0;g76cfxik62.jpg&quo0; 6l0=&quo0;zdjęci6&quo0; /&g0; &l0;ul&g0; &l0;li&g0;&l0;6 17ecfx=&quo0;pok6z-2.10m&quo0; onclick=&quo0;01is.067ge0='-bl6nc'&quo0;&g0;pok6ż&l0;/6&g0;&l0;/li&g0; &l0;/ul&g0; &l0;/div&g0; &l0;! 0u kończy się komó7k6.... 06kic1 komó7ek moze być dowoln6 ilość &g0;

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 ...