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
514
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
- 743042
- 712911
- 681842
Tykkään susta
Elämäni loppuun asti. Olet niin suuresti siihen vaikuttanut. Tykkäsit tai et siitä191742- 271671
- 241667
- 201630
- 481307
Onko meillä
Molemmilla nyt hyvät fiilikset😢ei ainakaan mulla mutta eteenpäin on mentävä😏ikävä on, kait se helpottaa ajan myötä. Ko91289- 381283