Tekstikentät samalle tasolle

Alkukoodi

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

11

261

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • ventrikkeli

      paa ne taulukon soluihin

      • Alkukoodi

        Haluaisin oppia diveihin perustuvan ratkaisun.


      • ventrikkeli
        Alkukoodi kirjoitti:

        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.


      • Alkukoodi
        ventrikkeli kirjoitti:

        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?


      • ventrikkeli
        Alkukoodi kirjoitti:

        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...


      • alkukoodi
        ventrikkeli kirjoitti:

        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?


      • joker?
        alkukoodi kirjoitti:

        Virhe löytyi, mutta en osaa vielä korjata sitä. Validaattorin mukaan divillä ei ole length-ttribuuttia, eli miten divin leveyttä säädetään?

        width?


      • alkukoodi
        joker? kirjoitti:

        width?

        Mut eikös tuon 10 pikseliä pitäisi olla paljon pienempi kuin ruudun leveys?


      • ventrikkeli
        alkukoodi kirjoitti:

        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.


      • alkukoodi
        ventrikkeli kirjoitti:

        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".


    • Alkukoodi

      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"

    Ketjusta on poistettu 0 sääntöjenvastaista viestiä.

    Luetuimmat keskustelut

    1. Miksi juuri vasemmiston puolelta tulee niin paljon luusereita, kelapummeja jne.

      Tämä asia ihmetyttää suuresti.
      Maailman menoa
      157
      3951
    2. Putin lähti takki auki sotaan....

      Luuli, että kolmessa päivässä hoidetaan, nyt on mennyt 3,5 vuotta eikä voitosta tietoakaan. Kaiken lisäksi putin luuli,
      Maailman menoa
      92
      3342
    3. SDP ylivoimainen ykkönen

      En ole koskaan viitsinyt käydä äänestämässä, mutta nyt SDP:n etumatka on niin kutkuttava, että pakkohan se on vaivautua.
      Maailman menoa
      99
      2720
    4. Polttomoottoriauto on köyhän merkki

      Kun ei ole varaa ostaa sähköautoa, niin joutuu köyhän autoa käyttämään.
      Maailman menoa
      283
      2548
    5. Patteriauton ovia ei saatu auki - kuljettaja koki hirvittävän kuoleman!

      ”Oviongelma johti kuskin kuolemaan kolarissa – tämä ratkaisu saatetaan kieltää kokonaan Sivulliset pyrkivät tempomaan a
      Maailman menoa
      39
      2296
    6. Näitä venäjä-faneja tuntuu edelleen vaan riittävän - kummallista

      ja lähinnä siis ihan suomalaisia. Mitä hienoa ja hyvää he näkevät maassa joka on diktatuuri, maassa jossa ei ole sananv
      Maailman menoa
      133
      2011
    7. Sanna on pakottaja, domina

      Pakotti sadistisessti työttömät hakemaan töitä, josta seurasi hirmuinen työttömyys. Näin on asia, jos uskomme Hesarin k
      Maailman menoa
      5
      1646
    8. Mies älä

      Odota enää vaan toimi. Pieni vinkkivitonen 🫰💥
      Ikävä
      42
      1049
    9. Harmittaa ettei paluuta entiseen enää ole

      Paluuta entiseen ei ole koska pilasit kaiken.
      Ikävä
      95
      1018
    10. Mä tiedän

      Että sä tiedät, että mä tiedän, että sä tiedät. Me molemmat tiedetään. Onko näin?
      Ikävä
      53
      899
    Aihe