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

1027

    Vastaukset 5

    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. Venäjä alkaa iskemään Suomen politiikkaan.

      Tässä on valtion ja koko länsiliiton päämiehet varoitelleet, että Venäjä alkaa talven aikana taas iskemään hybridisesti.
      Sinkut
      139
      835
    2. Muistelen lämmöllä

      Se oli vaikein päätös, jonka olen joutunut tekemään. En pidä valehtelusta, mutta näin sait päätöksen asioille. Rakasti
      Ikävä
      48
      652
    3. Ajattelitko ikinä pyytää anteeksi?

      Tiedät kyllä mistä.
      Ikävä
      70
      629
    4. Tunnistan mun rakkaan

      Kirjoituksen heti kun se on täällä. Mä vaan tiedän sen ja tunnen 🤗
      Ikävä
      81
      571
    5. Miten oletkin noin

      osaamaton kaikin tavoin :)
      Ikävä
      39
      529
    6. Tyrkytät ittees liian

      tasokkaille :)
      Ikävä
      46
      510
    7. Jos olen aiheuttanut pahaa, pyydän anteeksi

      Jos olen omalla kirjoittelullani aiheuttanut täällä jollekin pahaa mieltä tai sotkenut asioita, niin pyydän sitä anteeks
      Ikävä
      64
      489
    8. Uskon, että saataisiin kaikki selvitettyä

      Mutta yhteys on jäissä, minä olen jäässä, enkä osaa tai uskalla enää lähestyä. Se vaan on niin. Naiselta Jos ei ole hyvä
      Ikävä
      36
      485
    9. Odotan tosi paljon et nähdään uudelleen

      Sinussa on piirteitä, jotka sai kiinnostumaan.
      Ikävä
      21
      478
    10. Pakko myöntää mies

      En mä aina ihan rehellinen sulle ollut
      Ikävä
      94
      472
    11. Teinipersu Bergbom lupasi ensimmäisenä euron bensaa

      Teinipersu julkaisi Tiktok-videonsa marraskuussa 2021. Videolla Bergbom viittaa bensan hintoja esittelevään kylttiin ja
      Maailman menoa
      265
      462
    12. Vaihdevuodet ja psykoottinen käytös

      Estrogeenilla on suora yhteys aivojen välittäjäaineisiin, erityisesti serotoniiniin, joka säätelee mielialaa, impulssiko
      Suomussalmi
      37
      411
    13. Onko se loukkaavaa jos pelkkä seksi kiinnostaa?

      En tiedä olisiko meillä muuta yhteistä edes. En kyllä oikein osaa nähdä meitä menemässä naimisiin, paitsi ehkä jossain U
      Ikävä
      35
      403
    14. 21
      402
    15. Timo Vornanen.

      On siinäkin yksi täystampio. Eipä ihme, että persukannattajat sen eduskuntaan äänestikin.
      Maailman menoa
      25
      397
    16. Luottamus

      Luotan vain siihen mitä tapahtuu IRL. Anonyymipalstan vihjailut eivät merkitse minulle mitään.
      Ikävä
      86
      396
    17. Sofia ja Jeffrey yhdessä

      Sofia julkaisi instassa kuvan hänestä ja Jeffreystä kuvan, taustalla soi Happy birthday biisi ja Jeffrey kasvot peitetty
      Kotimaiset julkkisjuorut
      80
      395
    18. Joka ilta mietin

      sua❤️Mitä teet, missä meet? Kaipaatko yhtään? Yön tullen toivotan mielessäni sulle hyvää yötä ja aamuisin huomenet. Joka
      Ikävä
      24
      386
    19. Mikä on ollut ihanin

      Kohtaaminen kaivattusi kanssa? Mistä haaveilet hänen kanssaan?
      Ikävä
      13
      385
    20. Kun asiat pitkittyy niin ne mutkistuu

      Mutkaista jo on, ei nämä enää selviä.
      Ikävä
      29
      374
    Aihe