.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

568

    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. Muistatko kaivattusi

      Syntymäpäivän? Päivämäärä riittää. 🌹
      Ikävä
      126
      1710
    2. 105
      1195
    3. Postimerkki kirjeeseen ja kortiin maksaa jo 3 euroa!

      https://yle.fi/a/74-20229241 Kyllä tämä on järjetön hinta, Posti tuhoaa itsensä tällä hinnalla, täytyyhän Postin "Herro
      Maailman menoa
      138
      1071
    4. Mulla on ikävä

      sua nainen ja niitä katseita ❤️ Lupaatko, että katseemme kohtaa taas?
      Ikävä
      49
      979
    5. Miten pääsee ujon naisen pään sisään?

      Siis tosi tosi tosi ujon...
      Ikävä
      128
      877
    6. Keitä oli kunnanjohtajan erottajat?

      Kouluja ei ole varaa ylläpitää mutta johtajasopimukseen palaa 100000 euroa ja uuden johtajan hakuprosessi maksaa kymmeni
      Ilmajoki
      51
      870
    7. Atte Harjanne usuttaa eläkeläisvihaan

      Karmeeta kuultavaa aamun uutislähetyksessä, kun Atte Harjanne, tunnettu eläkeläisvihaaja, suitsii sukupolvien välistä v
      Maailman menoa
      240
      848
    8. Helsingin Mäntymäki muuttui Kultajuhlan jälkeen kaatopaikaksi.

      Mitä se kertoo jääkiokosta ja lätkäfaneista? Saikkua huomenna huusi fani yöllä?
      Maailman menoa
      70
      745
    9. Pridekulkue kiellettävä?

      Näin täällä suoraan vaaditaan. Perusteina mitä mielikuvituksellisimmat tarinat. No, miksi ihmeessä kukaan ei ole samalla
      Luterilaisuus
      178
      729
    10. Mä oon tyytyväinen, että ei ole enää tunteita.

      Samalla tajusin, että sun kohdalla tykkäsin enemmän niistä tunteista kuin sinusta persoonana. Halusin väkisin nähdä sinu
      Ikävä
      55
      719
    Aihe