Miten määritän kuvan paikan?

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...
3426
Äänestä

Muut lukivat myös

Vastaukset 3

Vanhimmat

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

Äänestä

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.

Äänestä

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

Äänestä

Kommentoi aloitusta


Kysyvä tieltä eksyneenä...taas kirjoitti:

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

Anonyymi
5000

Ilmoita asiaton sisältö

  • Sisältää materiaalia, joka on loukkaavaa, herjaavaa, rasistista, uhkailevaa tai ahdistelevaa.

  • Materiaali sisältää nimiä, yhteystietoja tai muita henkilökohtaisia tietoja. Julkisuuden henkilöistä, julkisissa viroissa toimivista ihmisistä sekä yritysten vastuuhenkilöistä saa keskustella työhön liittyen. Myös yksityiselämään liittyvistä asioista voi keskustella siltä osin, kuin niistä on julkisesti kerrottu.

  • Sisältää lapsille haitallista tai heiltä kiellettyä materiaalia. Seksuaalinen sisältö on sallittua aiheeseen tarkoitetuilla palstoilla, joiden ikäraja on 18 vuotta.

  • Lainvastaista sisältöä voi olla mm. yksityiselämää loukkaavan tiedon levitys, kiihottaminen kansanryhmää vastaan, laiton uhkaaminen, alaikäisiin liittyvä seksuaalinen sisältö/grooming, petokset, identiteettivarkaudet, kunnianloukkaukset ja tekijänoikeusrikkomukset.

  • Sisältö ei liity palstan tai keskusteluketjun aiheeseen.

  • Viesti ei ole suomea tai ruotsia (pl. International Forums), se sisältää mainontaa, se sisältää tekijänoikeuksin suojattua materiaalia, se on massapostitus tai jokin muu syy.

Jaa keskustelu