IKKUNAT, PALSTAT VAI TAULUKOT?

Rakenna sivu mielessäsi suorakulmioista. Kaikki nettisivujen elementit ovat todellisuudessa suorakulmioita ja monesti työskentelyä helpottaa, jos elementteihin laittaa taustavärejä. Monet ongelmat on tullut ratkaistua niin.

Suorakulmioita voi olla sisäkkäin, vierekkäin, päällekkäin jne. Jos haluat, että yksi laatikko sisältää esim. kuvan, tekstiä, linkkejä jne., tee myöskin se laatikko koodiin:

< div >
< p > tekstiä < /p >
< img src="kuva.jpg" / >
< /div>

Tuo div-elementti on vain läpinäkyvä laatikko, jonka sisälle muut tulevat. Noilla diveillä voit sitten jakaa sivusi esim. kolmeen vierekkäiseen "palstaan". Jos haluat, että nuo kolme laatikkoa ovat esim. keskitettynä ikkunaan, helpottaa hommia kun teet taas yhden laatikon, joka sisältää nuo kolme sisempää laatikkoa.

Opettele inline- ja block-elementtien merkitys sekä floatin käyttö.

Diveillä sivujen rakentaminen on helppoa, paljon helpompaa kuin taulukot tai framet. Täytyy vain sisäistää oikeanlainen ajatusmaailma.

Periaatteessa taulukko-ajattelu on vain kankeampi muoto tuosta, puhumattakaan frameista. Taulukoissa on muutama juttu, mikä saattaa aluksi tuntua helpommalta, mutta todellisuudessa divit on paljon joustavampia ja helpompia käyttää/ylläpitää.

Niin ja css on hyvä hallita, jos divien kanssa pelaa.