Składając stronę przy pomocy tabelek skazani jesteśmy na niepowodzenie, nie tylko w kod źródłowy wpychamy kilobajty niepotrzebnych tagów, ale także, jeżeli mamy sporo grafiki, strona najprawdopodobniej po prostu rozjedzie się.
Dużo lepszą alternatywą dla tabelek są div-y. Nie tylko są dużo łatwiejsze w formatowaniu, ale także umożliwiają dokładną kontrolę nad swoim położeniem.
Składając stronę w divach zamieszczamy je w sobie tak, jakbyśmy wkładali pudełko do pudełka. Te pudełka możemy też położyć jedno na drugim, jedno obok drugiego lub schować je pod inne.
Poniżej zamieszczam obrazek jak wygląda zamieszczanie divów wewnątrz i obok siebie.
Powyższą grafikę można wytłumaczyć wyobrażając sobie że te divy, to właśnie pudełka.
Body to pokój, magazyn, kabina lub cokolwiek innego w czym można trzymać pudełka. W pokoju leżą dwa pudełka- jedno duże jedno małe. Otwierając stopka naszym oczom ukazuje się zapisana kartka- treść jaką chcemy umieścić w tym miejscu na stronie. Przeczytawszy treść odczuwamy ochote na otworzenie drugiego, dużego pudełka. Naszym oczom ukazuje się kolejna kartka, a obok niej następne pudełko. Treść to zawartość naszej strony, mogą to być newsy, artykuły lub galeria zdjęc. Natomiast w malutkim pudełku z napisem div.menu znajdujemy magiczną kartkę przenoszącą nas do innego pokoju- menu.
Powyższą opowieść możemy zapisać przy pomocy kodu html i przy użyciu divów w ten sposób (pomijam <html>, <head> i inne nie potrzebne w tym miejscu tagi:
<body>
<div class="content">Tutaj znajduje się treść do wyświetlenia na stronie, artykuły, newsy, galeria.<div class="menu">Magiczny odnośnikDrugi odnośnik</div></div><div class="stopka">Tutaj znajduje się treść która zostanie wyświetlona w stopce.</div>
</body>
W divach nie ma żadnego ograniczenia co do treści jaką w niego wstawimy. Może to być tekst, obrazek, animacja flash, klip z youtube, iframe lub formularz logowania.
Co to jest class? class jest do odniesienie do klasy CSS z naszego arkusza styli (pliki .css)
Zalecane jest aby divy formatować przy pomocy CSS, nie tylko zaoszczędzimy miejsce na serwerze, ale także będziemy mogli ten sam wygląd aplikować do wielu komórek. To tak jak z malowaniem naszych pudełek- nie ma sensu za każdym razem kiedy będziemy chcieli zmienić wygląd naszych pudełek latanie do sklepu po farbe, dużo łatwiej jest jedną farbą pomalować wszystkie pudełka. A jeżeli chcemy pomalować pudełka na różne kolory, ale chcemy aby czcionka na naszych kartkach była wszędzie taka sama, możemy mieszać naszą farbę.
Tak samo jak mieszamy farbę możemy mieszać kod CSS w divach. Po prostu wpisujemy: <div class=”pierwszystyl drugistyl” i style zostaną wymieszane ze sobą 
float
Aby umieścić dwa divy obok siebie, a nie pod sobą musimy użyć modyfikatora float. Wpisujemy w selektorze CSS (w klasie w pliku css)
jakisselektor{
float:left;
}
Oczywiście nie musimy robić odmiennej klasy tylko po to aby ustawić przelewanie się naszych divów, ten modyfikator możemy dodać do jakiejkolwiek innej istniejącej klasy.
ten obrazek sie nie powieksza:P nie kazdy ma konto na flickr.
a co do wpisu..to pełno tego w sieci:P ciekawe jakiebeda nastepne “lekcje”
a tak ogólnie, to fajny blog. powodzenia
No nawet znajomy artykuł
ciekawie napisany oby tak dalej
wlasnie tego szukalem:) naprawde sie przydalo:)
pozdrawiam