.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

475

    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. Voitaisko olla kavereita?

      Haluaisin aloittaa puhtaalta pöydältä sinun kanssasi, tabula rasa. Minä lopetan sinun perääsi haikailun, ja sitten sinäk
      Tunteet
      27
      4625
    2. Deodoranttiteollisuus

      Annan ilmaisen vinkin. Kyseinen teollisuus voisi alkaa valmistaa kuolleen ruumiin hajua. Olisi varma hittituote, ainakin
      Jämsä
      13
      2998
    3. Rukoilimme Länsimuurilla 2000 vuoden jälkeen, Jumalamme oli antanut meille kaiken takaisin

      Western Wall, In our Hands. 55th Para. https://www.youtube.com/watch?v=u4BJAppyCSo https://en.wikipedia.org/wiki/55th_
      Ateismi
      14
      1249
    4. Kerro kaivattusi

      Jokin tapa/piirre mikä sinua viehättää ja mistä hän voisi myös tunnistaa itsensä.
      Ikävä
      45
      1035
    5. Oulaisten kaupunki tuomittiin maksamaan korvauksia

      Mikäs juttu tämä on? Kaupunki syyllistänyt useamman vuoden koneyrittäjiä ja nyt tuomittu.
      Oulainen
      23
      1004
    6. PURRA TULEE !

      Valtiovarainministeri Riika Purra, joka on lisäksi varapääministeri ja perussuomalaisten puheenjohtaja, tulee puoluesiht
      Haapavesi
      120
      824
    7. Onko MOT tulossa Ähtärin valtuuston kokoukseen?

      Esityslistan mukaan Ähtärin kaupunginvaltuuston valtapuolueet aikovat maanantaina estää tilintarkastajan laatiman raport
      Ähtäri
      39
      807
    8. Minkä vuoksi

      Kaivattusi tuntuu niin rakkaalta ❤️
      Ikävä
      37
      774
    9. Vain 30-40v mies on kuuma

      Muut on papparaisia. Näin se vaan menee. Miehelläkin on se paras ikä.
      Ikävä
      110
      758
    10. Mikään ei ole ikuista

      Hyvää huomenta. ☕ Susi ulvoo yksin ja tyhjyys kutsuu luokseen.⚜️❄️❤️🥱
      Ikävä
      137
      697
    Aihe