Miten määritän kuvan paikan?

Kysyvä tieltä eksyneenä...taas

Sivuille täytyisi kuvalle määritellä paikka, kuva vaihtuu aina tarpeen ja tekijän mukaan eli en voi tietää kuvan kokoa tai muitakaan tietoja siitä. Olen määritellyt enimmäismitat kuvalle, mutta jos siihen tallentaa pienemmän kuvan kuin antamani mitat, kuva alkaa venyä ja vanua. Koodi on tämän näköistä, jos sen perusteella osaisitte neuvoa.












Eli miten saisin kuvalle paikan, niin ettei kuva ylitä sallittuja arvoja, mutta ei alkaisi muuttumaankaan? Täytyisiköhän mun tehdä solu tietyn kokoiseksi vai auttaako sekään? Olikohan tämä nyt ihan mahdottoman vaikeasti selitetty...

3

403

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • Höpö.

      ..olisi huolehtia siitä kuvasta joka sinne sivulle laitetaan. Eli kun se on oikean kokoinen ei mitään ongelmaa ole.

      En tiedä mikset tiedä minkä kokoinen kuva sivuillesi tulee, mutta jos se vaikkapa uploadataan palvelimelle niin siihen latausscriptiin kannattaa laittaa jo tuon kuvan koon muutos.

      Html:llä tai css:llä ei ole tarkoitus muuttaa kuvan kokoa, vaan ainoastaan kertoa selaimelle millaisilla mittasuhteilla oleva kuva on tulossa että se osaa varata sille sopivan tilan asetellessaan sivua saamiensa ohjeiden mukaan.

      Tuosta kuvien muutosta kannattanee kysyä vaikkapa php-osastosta.

    • Oletettavasti ajat takaa sitä, että taulukon solulle on asetettu ulottuvuudet, jotka vastaavat kuvan maksimikokoa, ja jos kuva on isompi, siitä leikkautuu ylimenevä osa pois (mistä?).

      Tätä varten pitää ottaa pois width- ja height-määritteet img-elementeistä, koska nehän aiheuttavat skaalautumisen määräkokoon. Taulukon soluille pitää sitten asettaa CSS:llä overflow: hidden. Taulukolle vielä table-layout: fixed.

      Taulukon solulle width=1008 on kyllä lähes aina älytön. Hyvä nyrkkisääntö on, että yli 600 pikselin menemiseen (sivulle width-määritteillä asetettavassa minimileveydessä) pitää olla hyvä syy, eikä sinulla ole sellaista.

      Jos tämä ei auta, tervetuloa kysymään uudestaan – URLin kanssa.

    • ymmärsin....

      Vaikuttaisi siltä, että jossain foorumilla olisi käyttäjän tiedot kuva sivun laidassa. Ja ongelma olisi saada mieilivaltaisen kokoinen kuva mahtumaan laidassa olevaan tilaan.

      Tuo width="1008" kuitenkin viittaa johonkin muuhun.

      Linkki tai tarkempi selvitys asiasta auttaisi vastaajia...

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

    Luetuimmat keskustelut

    1. Porvarimediat paniikissa demareiden huiman kannatuksen vuoksi

      Piti sitten keksiä "nimettömiin lähteisiin" perustuen taas joku satu. Ovat kyllä noloja, ja unohtivat sen, että vaalit
      Maailman menoa
      174
      8483
    2. KATASTROFI - Tytti Tuppurainen itse yksi pahimmista kiusaajista!!!

      STT:n lähteiden mukaan SDP:n eduskuntaryhmän puheenjohtaja Tytti Tuppurainen on käyttäytynyt toistuvasti epäasiallisesti
      Maailman menoa
      453
      7657
    3. Mikä siinä on ettei persuille leikkaukset käy?

      On esitetty leikkauksia mm. haitallisiin maataloustukiin, kuin myös muihin yritystukiin. Säästöjä saataisiin lisäksi lei
      Maailman menoa
      76
      3890
    4. Lääppijä Lindtman jäi kiinni itse teosta

      Lindtman kyselemättä ja epäasiallisesti koskettelee viestintäpäällikköä. https://www.is.fi/politiikka/art-2000011780852
      Maailman menoa
      163
      3716
    5. Juuri nyt! Tytti Tuppurainen on käyttäytynyt toistuvasti epäasiallisesti

      Ai että mä nautin, Tytti erot vireille! "Käytös on kohdistunut avustajia ja toisia kansanedustajia kohtaan, uutisoi STT
      Maailman menoa
      118
      3074
    6. Huomaatteko Demari Tytti ei esitä pahoitteluitaan

      Samanlainen ilmeisesti kuin Marin eli Uhriutuu no he ovat Demareita ja muiden yläpuolella siis omasta mielestään
      Maailman menoa
      55
      2855
    7. Turvaan tulleet lähettävät omia lapsiaan vaaraan - hullua

      MOT-ohjelman jakso ”Loma vaihtui kahleisiin” kertoi, kuinka Suomessa ja muualla Euroopassa asuvat somaliperheet lähettäv
      Maailman menoa
      44
      2071
    8. Onko kaivattusi

      liian vetovoimainen seksuaalisesti?
      Ikävä
      126
      2066
    9. Puolen vuoden koeaika

      Voisi toimia meillä. Ensin pitäis selvittää "vaatimukset" puolin ja toisin, ennen kuin mitään aloittaa. Ja matalalla pro
      Ikävä
      23
      1893
    10. Vedonlyöntiä .

      Olen valmis lyömään ison vedon , että homma kaatuu . Jos kerta Sivonen ei lähde mukaan , niin ei tuoho usko kukaan muuka
      Ähtäri
      21
      1841
    Aihe