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

633

    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
      34
      1972
    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
      165
      1900
    3. Suomalainen perheenisä vaatii Suvivirren esittämisestä hyvityksiä

      Itse lapsena uskonnonopetuksesta vissiin traumoja saanut ihka suomalainen (!) perheenisä vaatii Espoon kaupungilta korva
      Maailman menoa
      389
      1807
    4. Mies profiloin sinut

      Etsit täysin hallittavaa mutta samalla poikkeuksellista ihmistä. Etsit jotain mitä et koskaan tule saamaan.
      Ikävä
      216
      1258
    5. Nostetaanko nainen kissa pöydälle?

      Ja selvitetään nämä tunteet?
      Ikävä
      92
      1123
    6. Kiantama kartelli

      Onko alhaisempaa kuin toimia ensin kartellissa ja lopuksi koittaa pelastaa nahkasa vasikoimalla muut kun jää kiinni? Eip
      Suomussalmi
      34
      980
    7. Oletko ollut *ittupää

      Siinäpä se kysymys eli oletko ollut *ittupää hänelle? Miksi?
      Ikävä
      95
      775
    8. Kiantama oy

      Tämän päivän uutiset.....https://www.is.fi/taloussanomat/art-2000012036470.html.
      Suomussalmi
      15
      708
    9. Haluaisin nähdä ja tavata sinut mies

      Vielä tässä elämässä.
      Ikävä
      32
      684
    10. Saako 60 v vielä töitä? Arto Nyberg puhuu suoraan elämästä ilman töitä

      Arto Nyberg täyttää tänään 60 v. Onnea! Nyberg totuttiin näkemään suoran haastatteluohjelman kapteenina vuodesta toise
      Maailman menoa
      48
      683
    Aihe