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...
Miten määritän kuvan paikan?
3
423
Vastaukset 3
- 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
- 601049
- 981024
Tiesitkö? Jorma Uotisen EX-rakas on Helena Lindgren - Nämä ovat välit nyt: "Me ollaan..."
Jorma Uotinen ja Helena Lindgren olivat avoliitossa v. 1982-1999. Pariskunta oli aikansa näyttävä julkkispari, missä i21872Olet nainen ollut vaikein rasti
Eniten olet tunteitani myllännyt ja niitä kuluttanut, ja tuottanut. 🤔60810- 135802
Anteeksi J-mies
Anteeksi että myötävaikutin siihen että rakastuit minuun, jota et voi koskaan saada. Viimeksi kun näimme ja katselimme t123793Kenen viisautta on ollut laittaa tie väärällä murskeella pilalle
Kenen viisautta on ollut kun Siimeksen/Kylmänpurontie pantu pilalle kun on ajettu liian karkeaa mursketta. Rengasliikke25669- 45666
- 51650
Minä muistan
Minä muistan sinut nauravana. Sellaisena, joka sai tavallisenkin hetken tuntumaan vähän kevyemmältä, kuin huoneeseen ol45620- 19607
Kuhmolainen opettaja tuomittu vainoamisesta
https://yle.fi/a/74-20248184 ”Kuusikymppinen kuhmolaisnainen piinasi naapureitaan lähes kahdeksan vuoden ajan. Nainen14605Siinä kävi mies nyt niin että tämä ämmä muuttaa ulkomaille
Vuonojen maa kutsuu, joten ei hätää. Et kuule minusta enää. 😂 Lycka till! Ämmä riittää.83586- 46578
- 35570
Ähtäri on taas TV: n ja radion ykkösuutinen
Uusi podcast on julkaistu ja on nyt kuunneltavissa. Mot on tehnyt hyvää työtä! Mikko Savola ja kepu ei ota mitään vast47568Koska Martina viettää aikaansa lapsiensa kanssa
Äiti vaan juoksee miehen perässä Tallinnassa, Lontoossa, Turussa. Kyllä oli kätilö oikeassa, kun sanoi, että ei olisi ka141565Mitä muuta on olemassa kuin lisääntyminen
Jos mies ei pääse lisääntymään niin mikä hänen osansa elämässä on? mitä jää jäljelle? Hän on vain muiden palvelija kok125562- 48527
Pahkalassa tapahtuu
Mitäs on tapahtunut yöllä pahkalan kerrostaloilla.oli poliisia ja ambulanssia taas vaihteeksi9513