Miten saisin tehtyä siten, että tekstikentät olisivat allekain eikö kuten nyt, että ylempi on enemmän vasemmalla kuin alempi?
form action="http://www.osoite.freehostingcloud.com/doregistration.php" method="POST"
p Anna sähköpostiosoitteesi ja valitse salasanasi rekisteröityäksesi: br
Sähköpostiosoite: input type="text" name="email" value="" br
Valitse salasanasi: input type="password" name="password" value="" br
input type="submit"
p
form
form action="http://www.osoite.freehostingcloud.com/doregistration.php" method="POST"
p Anna sähköpostiosoitteesi ja valitse salasanasi rekisteröityäksesi: br
Sähköpostiosoite: input type="text" name="email" value="" br
Valitse salasanasi: input type="password" name="password" value="" br
input type="submit"
p
form
Vastaukset 11
Vanhimmat
paa ne taulukon soluihin
Haluaisin oppia diveihin perustuvan ratkaisun.
No, sitten laitat ne diveihin. Tasan ne saa kuitenkin helpoiten taulukolla. Oleellisinta on, että elementit ovat jonkin Block-level elementin sisällä jotta niiden sijoittelua voi säädellä. Joku vääräleuka ehti nyt jo tarttumaan tähän, että onnistuu se css:lläkin, no joo, onnistuu toki.
OK. Nyt mulla on divi, reqspace, jossa on tekstit sähköpostiosoite ja valitse salasana. Se kuitenkin ulottuu koko kuvaruudun leveydelle, joten en voi laittaa sen oikealle puolelle tekstiä. Koodina
div.reqspace {
float:left;
width:10px;
length:10px;
}
Mitenkä saan divini leveyden pienemmäksi?
olet koodannut sivut jotenkin väärin, siksi se ulottuu koko sivun leveydelle.
koko koodia näkemättä on paha sanoa mitään muuta...
Virhe löytyi, mutta en osaa vielä korjata sitä. Validaattorin mukaan divillä ei ole length-ttribuuttia, eli miten divin leveyttä säädetään?
width?
Mut eikös tuon 10 pikseliä pitäisi olla paljon pienempi kuin ruudun leveys?
kuten sanottu, olet koodannut sivut jotenkin väärin ja sen takia leveys ei ole oikein. jossain toisessa css-määrityksessä voipi olla virhe ja sen takia parseri ei pääse tuohon asti missä määritetään tuo leveys.
Ongelma ratkesi. Olin kirjoittanut
div id="reqspace, vaikka piti olla div class="reqspace".
Mulla on nyt seuraavanlainen koodi:
body {
margin: 20px 25px;
background-color: white;
font-family: Verdana, sans-serif;
}
body, div, td {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 1.5;
color: #666;
margin: 20px 0px 7px 0px;
margin-left: 3%;
margin-right: 3%;
padding: 0px;
}
div.reqspace {
float:left;
padding : 0;
}
Se tekee laatikon, joka on oikean kokoinen käyttötarkoitukseeni. Mutta kuinka saan muokattua sen asemaa sivulla? Haluaisin, että se on body, elementin sisällä sen vasemmassa laidassa toisin kuin nyt, kun se on irti laidasta.
HTML näyttää tältä:
div class="reqspace"
Sähköpostiosoite: br/
Valitse salasanasi: br/
/div
input type="text" name="email" value=""
input type="password" name="password" value=""
input type="submit"