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

572

    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. Mitä siellä ABC on tapahtunut

      Tavallista isompi operaatio näkyy olevan kyseessä.
      Alajärvi
      163
      6512
    2. Kuvaile elämäsi naista

      Millainen hän on? Mikä tekee hänestä sinulle erityisen?
      Ikävä
      53
      1903
    3. Klaukkalan onnettomuus 4.4

      Klaukkalassa oli tänään se kolmen nuoren naisen onnettomuus, onko kellään mitään tietoa mitä kävi tai ketä onnettomuudes
      Nurmijärvi
      44
      1630
    4. Kuvaile elämäsi miestä

      Millainen hän on? Mikä tekee hänestä sinulle erityisen?
      Ikävä
      54
      1142
    5. Ukraina ja Zelenskyn ylläpitämä sota tuhoaa Euroopan, ei Venäjä

      Mutta tätä ei YLE eikä Helsingin Sanomat kerto.
      Maailman menoa
      327
      1069
    6. Kolari Klaukkala

      Kaksi teinityttö kuoli. Vastaantulijoille ei käynyt mitenkään. Mikä auto ja malli telineillä oli entä se toinen auto? Se
      Nurmijärvi
      49
      1019
    7. Ooo! Kaija Koo saa kesämökille öky-rempan:jättimäinen terde, poreallas... Katso ennen-jälkeen kuvat!

      Wow, nyt on Kaija Koon mökkipihalla kyllä iso muutos! Miltä näyttää, haluaisitko omalle mökillesi vaikkapa samanlaisen l
      Kesämökki
      13
      980
    8. Kevyt on olo

      Tiedättekö, että olo kevenee kummasti, kun päästää turhista asioista tai ihmisistä irti! Tämä on hyvä näin <3
      Ikävä
      84
      918
    9. Olisinpa jo siellä, otatkohan minut vastaan

      Olisitpa lähelläni ja antaisit minun maalata sinulle kuvaa siitä kaikesta ikävästä, tuskasta, epävarmuudesta ja mieleni
      Ikävä
      79
      908
    10. Toivoisin, että lähentyisit kanssani

      Tänään koin, että välillämme oli enemmän. Kummatkin katsoivat pidempään kuin tavallisesti toista silmiin. En tiedä mistä
      Ikävä
      14
      897
    Aihe