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)
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)
Vastaukset 7
Vanhimmat
luokan: < d i v = " k e h y s " >
class = " k e h y s " ............
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;}
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
modifioi tuosta:
http://www.w3schools.com/css/tryit.asp?filename=trycss_float6
:)
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