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)
.kehys { -.- }
Theeeerve
7
515
Vastaukset
- 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 muotoilutEi 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
modifioi tuosta:
http://www.w3schools.com/css/tryit.asp?filename=trycss_float6
:) - 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
Jos yhdistät nimikirjaimet
Jos yhdistät sinun ja kaivattusi ensimmäisten nimien alkukirjaimet mitkä nimikirjaimet tulee? Sinun ensin ja sitten häne1187488Mies vinkkinä sulle
Jos pyytäisit kahville tai ihan mihin vaan, niin lähtisin varmasti välittämättä muista746291- 955194
- 524505
Kyllä se taitaa olla nyt näin
Minusta tuntuu et joku lyö nyt kapuloita rattaisiin että meidän välit menisi lopullisesti. Sinä halusit että tämä menee494206- 2274091
- 443995
Odotan että sanot
Sitten siinä että haluaisit vielä jutella kahdestaan kanssani ja sitten kerrot hellästi että sinulla on ollut vaikea san283898- 553022
- 482556