Keskustelu: Nettisivujen teko: diveja, php:ta ja css:aa

Ensiksi pyydan anteeksi etten pysty kirjottamaan a:ta niinkuin aiti ja o:ta niinkuin oykkari. Kirjoittelen tata jenkkilasta laptopilla niin ei pysty.

Mutta asiaan. Eli olen tehnyt nettisivut kayttaen diveja ja olen css:lla sijoitellut ne oikeille paikoille. ja linnkit ajattelin tehda silleen sivu.php?asia=1 ja includella sitten oikeaan diviin.
Sivun olen jakanut kolmeen palstaan. Vasemmanpuoleisessa palstassa on pelkastaan valikko, keskimmaiseen tulee sisalto ja oikeanpuoleisessa palstassa on toinen valikko ja pienisisalto.

Nytten olisi pari kysymysta joihin kaipaisin vastauksia.
Aloitetaan helpolla
1. Lataako selain koko sivun uudestaan vai ymmartaako se ladata vain sen muutoksen?
2.Haluan sivun 680x480 kokoiseks. Niin miten saan sen keskitettya vaaka- ja pystysuunnassa?
3.Haluan sivun aina olevan tuo 680x480 joten tarvitsen vierityspalkin keskimmaiseen palstaan, jos teksti ei mahdu yhdelle sivulle. Miten saan tuommoisen luotua?
4.Vailkoista linkit avautuu aina keskimmaiseen palstaan ja keskimmaisesta palstasta linkit avautuu oikeanpuoleiseen sisaltoosioon. Kun keskimmaisessa palstassa painaa linkkia, niin haluaisin etta keskimmainen palsta pysyy samana ja vain oikenpuoleinen sisaltoosio muuttuisi. En ole mikaan haka naissa php jutuissa joten tarvitsisn hieman apua tammoisen systeemin luomiseen. Eli, mika olisi helpoin tapa tehda tuo?

Kiitoksia jos pystytte auttamaan.

1. Koko sivu ladataan
2. Laitat koko roskan ympärille divin, jonka keskität. Eli bodylle text-align: center ja sille diville x-suuntaiset marginaalit: auto.
3. Kun määrität diville tarkan korkeuden, ja annat sille määreen overflow: auto, niin pitäis toimia.
4. Vaatii jo hieman enemmän ajattelua, ei sovi minulle näin sunnuntaisin :)

jideko kirjoitti:

1. Lataako selain koko sivun uudestaan

Kyllä.

jideko kirjoitti:

2.Haluan sivun 680x480 kokoiseks.

Etkä halua. Selainikkuna voi olla pienempi, jolloin koko sivu ei mahdu siihen ilman vierityspalkkeja joka puolella, tai sitten se voi olla paljon isompi, jolloin tilaa menee hukkaan.

jideko kirjoitti:

Niin miten saan sen keskitettya vaaka- ja pystysuunnassa?

Pystysuuntanen keskitys taitaa mennä hankalaksi, vaakasuuntanen onnistuu laittamalla margin-left:n a margin-right:n auto:ksi.

jideko kirjoitti:

3.Haluan sivun aina olevan tuo 680x480 joten tarvitsen vierityspalkin keskimmaiseen palstaan, jos teksti ei mahdu yhdelle sivulle. Miten saan tuommoisen luotua?

Huono idea. Vierityspalkit toimii parhaiten koko sivulle, eikä jollekin pikku laatikolle keskellä sitä.
Jos kuitenkin haluat ampua itseäsi jalkaan, niin tutustu siihen, mitä overflow: auto tekee.

jideko kirjoitti:

4.Vailkoista linkit avautuu aina keskimmaiseen palstaan ja keskimmaisesta palstasta linkit avautuu oikeanpuoleiseen sisaltoosioon.

Suosittelisin koittamaan hankkiutumaan eroon frame-ajattelutavasta. Se ei oikein toimi CSS-suunnittelussa.

jideko kirjoitti:

Eli, mika olisi helpoin tapa tehda tuo?

Rankasti yksinkertaistettuna jotenkin näin:

<div class="sivupalsta">
  <?php include($_GET['sivu']);?>
  <a href="?keski=jotainmuuta&sivu=edelleensama">jotain muuta</a>
</div>
<div class="keskihommeli">
  <?php include($_GET['keski']);?>
  <a href="?sivu=toinen&keski=tämä">toinen</a>
</div>

4. Tulostat vain keskimmäisen palstan linkkeihin ensin PHP:llä nykyisen sivu.php?asia=#-rimpsun, jottei muu sivu muutu, ja sitten laitat perään toisen muuttujan josta skripti nuuskii, mitä pitää näyttää oikealla olevassa palstassa.

Edit: Jaaha, pitäisi opetella kirjoittamaan nopeammin :)