jutska

muskaaa

Miten saisin kuvan samalle tasolle formin input kentän kanssa.

Niin että kuva olisi samalla linjalla sen kanssa, eikä vähän ylä tai alapuolella?

Kuva on vähän pienempi kuin input kentän korkeus (oletuksena)

(kuva) [ I N P U T ]

4

632

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • nimimerkki

      Toimivin ratkaisu on ryhmitellä formin eri osat taulukkoon, kuva omaan soluunsa ja input-kenttä omaansa. Lopuksi vain css:llä määrittelee vertikaalisen asettelun keskitetyksi.

      Esim näin:

      otsikko


      td.keskitys {vertical-align: middle;}

      • saa käyttää

        designissä!


    • Merkkaukseen esim.



      ja CSS-koodiin

      .kuvakentta * { vertical-align: bottom; }

      Tuo vertical-align on sen verran kiero, että piti ihan omasta kirjastani ("CSS-tyylit", s. 175 - 177) luntata, miten se menikään. Se vaikuttaa vain ns. sisäelementteihin (tekstitason elementteihin) eikä periydy, joten sen asettaminen div-elementille ei vaikuta mitään. Yllä olevassa se sen sijaan asetetaan jokaiselle elementille, joka on tässä käytetyn div-elementin sisällä, eli käytännössä img- ja input-elementille.

    • ChainX

         
         .inputti{height: 50px; width: 300px; margin: 5px;}
         .inputti img{width: 50px; height: 50px; float: left;}
         



         
         
         

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

    Luetuimmat keskustelut

    1. Vesikin maksaa, miksei hengitysilma?

      Jatkuvasti itketään ettei ole rahaa mihinkään, mutta tilastojen mukaan rahaa on enemmän kuin koskaan, joten miksei asial
      Maailman menoa
      13
      1713
    2. Satuolennoista tarinointi ei kuulu peruskoulun tehtäviin

      Opetustunteja on muutenkin käytössä vain rajallinen määrä. Eli nämä satuhommat koulun ulkopuolelle vapaaehtoisiin harras
      Maailman menoa
      140
      1702
    3. Suomalainen perheenisä vaatii Suvivirren esittämisestä hyvityksiä

      Itse lapsena uskonnonopetuksesta vissiin traumoja saanut ihka suomalainen (!) perheenisä vaatii Espoon kaupungilta korva
      Maailman menoa
      291
      1312
    4. Lahkokasteen ja kristillisen kasteen erot

      Raamatun mukaan Kristillisessä yhdessä kasteessa Jumala pesee ja puhdistaa ihmisen sydämen ja poistaa perisynnin kirouks
      Kaste
      422
      1098
    5. Mies profiloin sinut

      Etsit täysin hallittavaa mutta samalla poikkeuksellista ihmistä. Etsit jotain mitä et koskaan tule saamaan.
      Ikävä
      210
      1076
    6. Mitä haluaisit

      Tehdä kaivattusi kanssa?
      Ikävä
      130
      972
    7. Salainen kastekoulutus

      Millainen on helluntailainen kastekoulutus ja kauanko se kestää ?
      Kaste
      285
      965
    8. Heikki Paasosen Marita-vaimo jätti tunteikkaat jäähyväiset: "Tällä kertaa me..."

      Heikki Paasonen on naimisissa Marita Paasosen (os. Alatalo) kanssa ja heillä on kaksi pientä lasta. Nyt koitti aika jätt
      Suomalaiset julkkikset
      3
      915
    9. Känsäkoura ja hotelli

      Tietoa kuka ostanut?
      Kuhmo
      10
      895
    10. Pirkanlinna yleisötapahtuma

      Oli todella hyvä tilaisuus. Ja EERO. L. Aivan mahtava tyyppi. Veti rennosti ja asiallisesti. Ja yleisöltä hyviä kysymyks
      Ähtäri
      49
      888
    Aihe