.kehys { -.- }

Theeeerve

elikkä ongelmana on
kun teen luokan


jonka jälkeen lähden muokkaamaan kyseistä luokkaa css:tiedostossa
.kehys {
margin-left: 25%;
margin-right: 25%;
margin-top: 1%;
margin-bottom: 1%;
background-color: white;
}

miksi näytölle ei tule mitään muuta kuin body :yn asetettu taustaväri, sain kyseiset määritykset näkymään kun laitoin luokkien sisälle tekstiä, mutta määritykset näkyivät vain tekstin taustana.
Miten siis saisin sivun jaettua tavallaan kolmeen palkkiin vasen: 25%, harmaa. keski: 50%, valkoinen. oikea: 25%, harmaa. ? (body :n background siis harmaa)

7

566

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • theeerveee

      luokan: < d i v = " k e h y s " >

      • theeerveee

        class = " k e h y s " ............


    • untokuurna

      ei nyt ymmärrä.
      yhdellä divillä ei sivua jaeta, ellei se ole sivun keskellä. tätä tuskin haetaan.

      "miksi näytölle ei tule mitään muuta kuin body :yn asetettu taustaväri"
      koska et määrittänyt divin kokoa

      näin
      #vas, #kes, #oik{
      margin-top: 1%;
      margin-bottom: 1%;
      float:left;
      width:33.33%;
      }

      #vas{background-color: green;}
      #kes{background-color: blue;}
      #oik{background-color: red;}

      • theeerveee

        siis oikeastaan juuri hain sitä että sivu jaettaisiin yhdellä div :illä kolmeen osaan.
        Tarkoitin että vasemmalla ja oikealla puolella näkyisi molemmilla puolilla 25% bodysta, jonka väriksi olisi määritetty esim. harmaa, ja keskelle asetettu 50% leveä esim. valkoinen "pohja(?)".
        Tuo juttu ei muuttanut asiaa mitenkään.
        Tein uudet divit
        < d i v id = " vas " >
        < d i v id = " kes " >
        < d i v id = " oik " >
        päätin tagit

        muokkasin divejä css :ssä
        #vas {
        margin-top: 1%;
        margin-bottom: 1%;
        float: left;
        width: 25%;
        background-color: grey
        }
        #kes {
        margin-top: 1%;
        margin-bottom: 1%;
        float: middle;
        width: 50%;
        background-color: white;
        }
        #oik {
        margin-top: 1%;
        margin-bottom: 1%;
        float: right;
        width: 25%;
        background-color: grey;
        }

        ei suorita mitään muuta kuin css :ässä olevat body :n muotoilut


      • untokuurna
        theeerveee kirjoitti:

        siis oikeastaan juuri hain sitä että sivu jaettaisiin yhdellä div :illä kolmeen osaan.
        Tarkoitin että vasemmalla ja oikealla puolella näkyisi molemmilla puolilla 25% bodysta, jonka väriksi olisi määritetty esim. harmaa, ja keskelle asetettu 50% leveä esim. valkoinen "pohja(?)".
        Tuo juttu ei muuttanut asiaa mitenkään.
        Tein uudet divit
        < d i v id = " vas " >
        < d i v id = " kes " >
        < d i v id = " oik " >
        päätin tagit

        muokkasin divejä css :ssä
        #vas {
        margin-top: 1%;
        margin-bottom: 1%;
        float: left;
        width: 25%;
        background-color: grey
        }
        #kes {
        margin-top: 1%;
        margin-bottom: 1%;
        float: middle;
        width: 50%;
        background-color: white;
        }
        #oik {
        margin-top: 1%;
        margin-bottom: 1%;
        float: right;
        width: 25%;
        background-color: grey;
        }

        ei suorita mitään muuta kuin css :ässä olevat body :n muotoilut

        Ei floatilla voi olla arvoa middle.
        Mitä muuten sellaisella sivulla tekee jossa sivu on jaettu noin? Yhtä hyvin voisi heittää divin sivun keskelle.

        Tutustu tähän
        http://www.w3schools.com/css/pr_class_float.asp


    • ikuyiyuuyiuyy
    • melina_mimiedesign

      Sen takia laittamasi kehys ei näy ilman tekstejä koska et ole määrittänyt css.llä sen kokoa..
      www.mimiedesign.com
      ja muutenkin ei ole suositeltavaa käyttää css.ssä prosentteja

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

    Luetuimmat keskustelut

    1. Vesikin maksaa, miksei hengitysilma?

      Jatkuvasti itketään ettei ole rahaa mihinkään, mutta tilastojen mukaan rahaa on enemmän kuin koskaan, joten miksei asial
      Maailman menoa
      29
      1879
    2. Satuolennoista tarinointi ei kuulu peruskoulun tehtäviin

      Opetustunteja on muutenkin käytössä vain rajallinen määrä. Eli nämä satuhommat koulun ulkopuolelle vapaaehtoisiin harras
      Maailman menoa
      162
      1844
    3. Suomalainen perheenisä vaatii Suvivirren esittämisestä hyvityksiä

      Itse lapsena uskonnonopetuksesta vissiin traumoja saanut ihka suomalainen (!) perheenisä vaatii Espoon kaupungilta korva
      Maailman menoa
      364
      1646
    4. Mitä haluaisit

      Tehdä kaivattusi kanssa?
      Ikävä
      150
      1247
    5. Mies profiloin sinut

      Etsit täysin hallittavaa mutta samalla poikkeuksellista ihmistä. Etsit jotain mitä et koskaan tule saamaan.
      Ikävä
      215
      1199
    6. Lahkokasteen ja kristillisen kasteen erot

      Raamatun mukaan Kristillisessä yhdessä kasteessa Jumala pesee ja puhdistaa ihmisen sydämen ja poistaa perisynnin kirouks
      Kaste
      422
      1138
    7. Känsäkoura ja hotelli

      Tietoa kuka ostanut?
      Kuhmo
      12
      1081
    8. Heikki Paasosen Marita-vaimo jätti tunteikkaat jäähyväiset: "Tällä kertaa me..."

      Heikki Paasonen on naimisissa Marita Paasosen (os. Alatalo) kanssa ja heillä on kaksi pientä lasta. Nyt koitti aika jätt
      Suomalaiset julkkikset
      7
      1032
    9. Salainen kastekoulutus

      Millainen on helluntailainen kastekoulutus ja kauanko se kestää ?
      Kaste
      285
      1005
    10. Nostetaanko nainen kissa pöydälle?

      Ja selvitetään nämä tunteet?
      Ikävä
      82
      991
    Aihe