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

986

    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. Sanna Marin kysyi hämmästyneenä: Onko Suomessa jäänmurtajia?

      Nettilehden toimittaja kysyi Sanna Marinilta suoraan, että sovittiinko nuo jäänmurtajien kaupat jo 2019, jolloin Marin k
      Maailman menoa
      136
      4704
    2. Voiko normaali ihminen ryhtyä vasemmistolaiseksi?

      Tätä jäin pohdiskelemaan.
      Maailman menoa
      175
      3867
    3. SDP haluaa 40 000 nettomaahanmuuttajaa

      SDP:n Suunnanmuutos-vaihtoehtobudjetissa, käy ilmi, että demarit itse asiassa vaativat räjähdysmäistä ”työperäisen” maah
      Maailman menoa
      115
      3576
    4. Mikä tuota vasemmistolaisista jankkaavaa vaivaa?

      Pahasti on ihon alle, siis korvien väliin, päässeet kummittelemaan. Ei ole terveen ihmisen merkki jankata yhdestä asia
      Maailman menoa
      43
      2891
    5. Mitä ajattelit kun näit

      kaivattusi ensimmäisen kerran? xd
      Ikävä
      136
      1826
    6. Nyt meni lopulliset lämmöt.

      Alan käyttäytymään yhtä kylmästi miehiä kohtaan kuin mua kohtaan on käyttäydytty ja vain käytetty viimeiset pari vuotta
      Sinkut
      40
      1648
    7. Orpo loukkaantui fasismiin viittaavasta sanavalinnasta

      Mutta miksi loukkaantui? Orpohan on tehnyt yhteistyötä fasistien kanssa jo vuonna 2019, siis jo neljä vuotta ennen loukk
      Maailman menoa
      26
      1279
    8. Onko erityinen paikka jossa haluaisit nyt olla

      Onko joku spesiaali lempipaikka missä mieluiten olisit?
      Ikävä
      50
      1257
    9. Sulla on avaimet ja keinot

      Jos haluat jatkaa tutustumista. Itse olen niin jäässä etten pysty tekemään enää mitään. Pidempi keppi johon on helpompi
      Ikävä
      21
      1251
    10. Meitä ei tule

      Koska periaatteemme ovat rakkautta vahvempia. Tämä on siis koettelemus, jonka tarkoitus on vahvistaa meitä yksilöinä 😌
      Ikävä
      23
      1193
    Aihe