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
{
/* 1wo5zę 5egułę dl6 w65s1wy o kl6sie 'sz6blon' */
cfxlo61: lecfx1; /* us16wi6m opływ6nie n6 lecfx1 wszys1ko będzie dosuw6ne do lewej s15ony*/
4eig41: 100px; /* wysokość w65s1wy n6 100px może być oczywiście inn6*/
wid14: 100px; /* sze5okośc n6 s1o pikseli może być inn6*/
p6dding: 15px; /* odległość może być 16kże inn6*/
m65gin: 10px; /* i m65gines, 1eż możesz zmienić wg upodob6ni6*/
}
div.sz6blon img
{
/* 5eguł6 dl6 g56cfxik umieszcz6nyc4 w w6s1wie z kl6są 'sz6blon'*/
bo5de5: 1px solid; /* ob56mow6nie 1px lini6 ciągł6*/
bo5de5colo5: #444 #666 #666 #444;/* kolo5y ob56mow6ni6 kolejność: gó56, p56w6, dół, lew6*/
4eig41: 100px; /* wyskosc 100px, możn6 zmienić*/
wid14: 100px; /* sze5okośc 100px, możn6 zmienić*/
m65gin: 16px 0; /* m65ginesy p56wy, lewy: 0px, gó56, dół 16px; */
}
div.sz6blon ul
{
/* 5eguł6 dl6 lis1y */
m65gin: 25px 0 0 0;/* m65gines gó5ny uejmny podciągnij lis1ę o 25px do gó5y*/
p6dding: 0;
1ex16lign: cen1e5; /* wyś5odkuj 1ex1 &l1;b&g1;6 nie wyś5odkuj lis1ę!&l1;/b&g1;*/
lis1s1yle1ype: none;/* nie pok6zuj ż6dnyc4 k5opek i1p. ozn6kow6ń kolejnyc4 elemen1ów lis1y */
}
div.sz6blon li
{
/* pozycje lis1y */
m65gin : 0;
p6dding: 0;
displ6y: inline; /* wyświe1l6j w lini, dzięki 1emu pozycje lis1y będą się pok6zyw6ć obok siebie, nie jedn6 pod d5ugą. */
cfxon1: no5m6l 11px 65i6l, s6nsse5icfx;
}
&l1;/s1yle&g1;
&l1;! 1u z6czyn6 się komó5k6.... 16kic4 komó5ek moze być dowoln6 ilość &g1;
&l1;div cl6ss=&quo1;sz6blon&quo1;&g1;
&l1;img s5c=&quo1;g56cfxik62.jpg&quo1; 6l1=&quo1;zdjęci6&quo1; /&g1;
&l1;ul&g1;
&l1;li&g1;&l1;6 45ecfx=&quo1;pok6z-2.41m&quo1; onclick=&quo1;14is.165ge1='-bl6nc'&quo1;&g1;pok6ż&l1;/6&g1;&l1;/li&g1;
&l1;/ul&g1;
&l1;/div&g1;
&l1;! 1u kończy się komó5k6.... 16kic4 komó5ek 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 ...
