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

875

    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. Mietitikö nainen koskaan

      Miksi me ollaan päädytty tähän pisteeseen. Lähestmistapaa ei ole. Tarvitaanko me oikeasti enää tätä.
      Ikävä
      121
      1738
    2. Olisi hauska tietää

      Koska huomasit pitäväsi minusta? Itse taisin ihastua sinuun heti silloin kun tavattiin ensimmäistä kertaa. Miehelle, jon
      Ikävä
      62
      1103
    3. Marin on ehkä maailman kaunein "Nelikymppinen"

      Marinin julkaisu on saanut yli 68 500 tykkäystä. Postauksen kommenttikentässä ylistetään paljon Marinin kauneutta, jota
      Maailman menoa
      145
      1089
    4. En kelpaa sinulle

      Varattuna - olen sinulle ongelma. Eroaminen vuoksesi voi olla turhaa, sillä me ei puhuta, kun olen varattu ja kumpikin v
      Ikävä
      76
      910
    5. Apua. Onks mä jotenki erikoinen ?

      Oon ihastunu paljon vanhempaan mieheen.
      Ikävä
      97
      905
    6. Vernu Vasunta

      On mahotonta miten marjanpoimijoita on kohdeltu! Eikö paremmalla kohtelulla olisi saanut paremman tuloksen?
      Suomussalmi
      23
      881
    7. Minun on vaan päästettävä irti

      Toiveesta. Satutan vain itseäni😥😔. Toivon sinulle pelkkää hyvää, eläthän elämäsi parasta aikaa, mutta en halua enää k
      Ikävä
      37
      850
    8. Taidat vanhempi nainen

      Haluta sen tien itsellesi. juokse vaan karkuun ! Pahentaa vaan asiaa.Pitäs toimia ihan toisin päin
      Ikävä
      61
      764
    9. Kertoisit jo

      Rakastatko minua vai olenko käsittänyt väärin onko tämä vaan ystävyyttä tai kaveruutta? En haluaisi enää nolata itseäni
      Ikävä
      42
      759
    10. En koskaan saanut asiattomia kuvia!

      Silloin kun olin vielä nuori, kukaan mies ei koskaan lähettänyt minulle asiattomia kuvia itsestään. Jos tiedätte mitä ta
      Sinkut
      156
      721
    Aihe