.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

493

    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. Janne Ahonen E R O A A

      Taas 2 lasta jää vaille ehjää perhettä!
      Kotimaiset julkkisjuorut
      148
      2639
    2. En kai koskaan saa sinua

      Koska et usko että riitäisit minulle. Olet aina pitänyt itseäsi liian risana ja heikkona. Katkot korkeutesi, ja poraat k
      Ikävä
      154
      1669
    3. Terveystalon lääkärit ylilaskuttaneet

      Tämän pörriäiset osaavat, laskuttamisen. Terveystalo myöntää asian. https://www.hs.fi/suomi/art-2000011134269.html "K
      Maailman menoa
      134
      1634
    4. Saran ökytyyli käänsi katseita.

      On nyt kyllä Sara kasvoistaan, kuvan perusteella todellakin pyöristynyt ainakin kuvan perusteella.
      Kotimaiset julkkisjuorut
      150
      1381
    5. Nyt on aika laittaa parit selkoon.

      Onko pareja täällä. Laita kirjaimet kuka tykkää kenestäkin ?
      Ikävä
      66
      1338
    6. The Summit Suomi: Maxie avaa hyytävästä tilanteesta kuvauksissa: "Veri roiskui ja tajusi, että..."

      Oletko seurannut The Summit Suomea? Tykkäätkö vai et tai mitä mieltä ylipäätään olet sarjasta? Moni katsoja on kaikonnut
      Tv-sarjat
      13
      1190
    7. Työttömille lusmuille luvassa lisää keppiä

      Hallitus aikoo kiristää velvoitteiden laiminlyönnistä seuraavia työttömyysturvan karensseja ensi vuodesta alkaen. Hall
      Maailman menoa
      285
      1183
    8. Ootko huomannut miten

      pursuat joka puolelta. Sille joka luulee itsestään liikoja 🫵🙋🏻‍♂️
      Ikävä
      156
      986
    9. Miksi ihmeessä?

      Erika Vikman diskattiin, ei osallistu Euroviisuihin – tilalle Gettomasa ja paluun tekevä Cheek
      Ateismi
      24
      940
    10. Tiedän kaiken sinusta ja kaikesta

      Tiedän miten kärsit. Tiedän millanen oikeesti oot. Tiedän miksi valehtelit, tiedän miksi satutit mua. Tiedän mitä tapaht
      Ikävä
      58
      899
    Aihe