Palstat

lissu

Teen sivustoa, joissa osalla sivuista on kaksi, osalla kolme palstaa. Miten palstajako merkitään CSS:ään? Eikö sitä voi laittaa jokaiselle sivulle erikseen?

5

945

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • Jaska Perusjaska

      Annat palstalle arvon float:left, jolloin niiden pitäisi mennä vierekkäin, oli niitä sitten 2 tai 3.

      Esim.



      Eka palsta


      Toka palsta


      Kolmas palsta




      .palsta { float:left; width:40em; }
      .clear { clear:both }

      Loput saat pähkäillä itse.

      • lissu

        Ehkä en selittänyt asiaa selvästi. Kyllä minäkin tuon osaan, mutta paitsi palstojen lukumäärä, myös eri sivujen palstaleveydet ovat eri kokoisia. Esim. oikeanpuoleinen palsta on yhdellä sivulla leveä, toisella kapea ja kolmannella ehkä taas erilainen. Voiko niitä määrittää yhdellä CSS:llä?


      • Jaska Perusjaska
        lissu kirjoitti:

        Ehkä en selittänyt asiaa selvästi. Kyllä minäkin tuon osaan, mutta paitsi palstojen lukumäärä, myös eri sivujen palstaleveydet ovat eri kokoisia. Esim. oikeanpuoleinen palsta on yhdellä sivulla leveä, toisella kapea ja kolmannella ehkä taas erilainen. Voiko niitä määrittää yhdellä CSS:llä?

        Tuolla koodilla voit tehdä niin monta palstaa kuin haluat. Jokaisen palstan leveys pitäisi olla 50em. ja niitä ladotaan niin monta vierekkäin kuin selainikkunaan mahtuu.

        Jos sinulla on jokin koodi, niin pistä näkyviin. Jokin siellä on mikä kumoaa normaalin asettelun.


      • lissu
        Jaska Perusjaska kirjoitti:

        Tuolla koodilla voit tehdä niin monta palstaa kuin haluat. Jokaisen palstan leveys pitäisi olla 50em. ja niitä ladotaan niin monta vierekkäin kuin selainikkunaan mahtuu.

        Jos sinulla on jokin koodi, niin pistä näkyviin. Jokin siellä on mikä kumoaa normaalin asettelun.

        Ongelma on siinä että vierekkäiset palstat eivät saa olla keskenään samanlevyisiä samallakaan sivulla ja joskus palstajako muuttuu myös sivua alaspäin mentäessä tekstin ja kuvien koon mukaan. Lisäksi muilla sivuilla palstaleveys on taas erilainen sisällön mukaan.
        Olen tehnyt sivut sellaisiksi, miltä haluan niiden näyttävän, mutta olen käyttänyt palstoitukseen taulukoita, mikä ei kuulemma ole kovin hyvä tapa.
        Siksi halusin tietää, miten sellaisen sivun tekeminen onnistuu oikeaoppisesti ilman taulukoita.


      • Jaska Perusjaska
        lissu kirjoitti:

        Ongelma on siinä että vierekkäiset palstat eivät saa olla keskenään samanlevyisiä samallakaan sivulla ja joskus palstajako muuttuu myös sivua alaspäin mentäessä tekstin ja kuvien koon mukaan. Lisäksi muilla sivuilla palstaleveys on taas erilainen sisällön mukaan.
        Olen tehnyt sivut sellaisiksi, miltä haluan niiden näyttävän, mutta olen käyttänyt palstoitukseen taulukoita, mikä ei kuulemma ole kovin hyvä tapa.
        Siksi halusin tietää, miten sellaisen sivun tekeminen onnistuu oikeaoppisesti ilman taulukoita.

        No jos et anna palsta-diville mitään leveysmääritettä, se skaalautuu sisällön mukaan kuten taulukoiden solutkin.

        Tosin tekstikappaleille täytyy ja kannattaa antaa jokin leveys divien sisällä.

        Jos haluat, että palstoja on esim. kolmea eri kokoa, niin teet vain jokaiselle oman tyylin, jossa leveys:

        .palsta1,
        .palsta2,
        .palsta3 {
        float: left;
        }

        .palsta1 {
        width: 40px;
        }

        .palsta2 {
        width: 80px;
        }

        .palsta3 {
        width: 120px;
        }

        Minun mielestäni tyylillisesti parempi ratkaisu olisi se, että sivuilla olevat palstat ovat yhtenäisiä niin ulkonäöltään kuin kooltaankin. Vaikka niitä olisikin muutama erilainen.

        Kun palstojen koot ovat suhteessa toisiinsa (kuten esim.), niitä saa nätisti ladottua melkein miten päin tahansa ja reunojen tasaukset säilyvät siisteinä.

        Esim.

        1 1 1 palstaa
        alapuolella 2 1 palstaa
        alimpana 3 palsta

        En ole tosin nähnyt tekemääsi sivustoa, enkä varsinaisesti vieläkään tiedä mitä haet, mutta itse yrittäisin ratkaista asian näin.


    Ketjusta on poistettu 0 sääntöjenvastaista viestiä.

    Luetuimmat keskustelut

    1. Ja taas ammuttu kokkolassa

      Kokkolaisilta pitäisi kerätä pois kaikki ampumaset, keittiöveitset ja kaikki mikä vähänkään paukku ja on terävä.
      Kokkola
      35
      4289
    2. Kuinka kauan

      Olet ollut kaivattuusi ihastunut/rakastunut? Tajusitko tunteesi heti, vai syventyivätkö ne hitaasti?
      Ikävä
      114
      1586
    3. Milli-helenalla ongelmia

      Suomen virkavallan kanssa. Eipä ole ihme kun on etsintäkuullutettu jenkkilässäkin. Vähiin käy oleskelupaikat virottarell
      Kotimaiset julkkisjuorut
      248
      1546
    4. Helena Koivu on äiti

      Mitä hyötyä on Mikko Koivulla kohdella LASTENSA äitiä huonosti . Vie lapset tutuista ympyröistä pois . Lasten kodista.
      Kotimaiset julkkisjuorut
      218
      1400
    5. Mitä siellä ABC on tapahtunut

      Tavallista isompi operaatio näkyy olevan kyseessä.
      Alajärvi
      35
      1266
    6. Ja taas kerran hallinto-oikeus että pieleen meni

      Hallinto-oikeus kumosi kunnanhallituksen päätöksen vuokratalojen pääomituksesta. https://sysmad10.oncloudos.com/cgi/DREQ
      Sysmä
      88
      1078
    7. Löydänköhän koskaan

      Sunlaista herkkää tunteellista joka jumaloi mua. Tuskin. Siksi harmittaa että asiat meni näin 🥲
      Ikävä
      132
      1072
    8. Kun näen sinut

      tulen iloiseksi. Tuskin uskallan katsoa sinua, herätät minussa niin paljon tunteita. En tunne sinua hyvin, mutta jotain
      Ikävä
      47
      1054
    9. Purra saksii taas. Hän on mielipuuhassaan.

      Nyt hän leikkaa hyvinvointialueiltamme kymmeniä miljoonia. Sotea romutetaan tylysti. Terveydenhoitoamme kurjistetaan. ht
      Maailman menoa
      267
      1031
    10. Yhdelle miehelle

      Mä kaipaan sua niin paljon. Miksi sä oot tommonen pösilö?
      Ikävä
      62
      994
    Aihe