ratkennut
-
Menin joku aika sörkkimään mun useita vuosia tunnollisesti palvelleen hevoslistauksen koodia, kun se ei oikein pelittänyt kunnolla pienemmällä kuin 15-tuumaisella näytöllä, ja tietenkin siitä seurasi yhtä paljon ongelmia kuin ratkaisujakin, kun oma koodiosaaminen perustuu ahkeraan googlen käyttöön ja "yrityksen ja erehdyksen kautta"-menetelmään
Nyt vasta huomasin, että mullahan näyttää hevoslistaus tältä (sivu). Mikäköhän ja missäköhän mulla tuolla joku mättää?
-
Kokeile ottaa CSS:ssä lista imgistä pois toi width: 270px kokonaa
-
@Nikki ei muutes! Hemmetti mun matikkapään kanssa, leveydenhän pitäis olla 225 jos korkeus on 150
-
@miivi Tän takii mä testaan skaalaamalla kuvan esim kuvanmuokkausohjelmassa et saan oikeet mittasuhteet En todellakaa osaa laskee näitä lmao
-
Ei niitä tarvi laskea, leveyden voi jättää tyhjäksi nii selain hoitaa homman Jos taas kuvat on keskenään eri levyisiä ja ne haluaa listauksessa samankokoisiksi, voi css:llä myös "rajata" listaukseen tulevia kuvia niin että listauksessa näyttää niillä olevan sama aspect-ratio (pahoittelut finglishistä):
width: /*kiinteä leveys px*/; height: /*kiinteä korkeus px*/; object-fit: cover; object-position: 50% 50%; /* tämä on selaimen oletus, voi muuttaa valinnan mukaan*/
(object-positionin dokumentaatio löytyy esim. täältä, sillä määritetään mihin kohtaan "kuva-aukkoa" kuva asettaa itsensä x- ja y-akselien suhteen :D)
-
@jassu-l oi kiitos! Mä olen tiennyt, että jotenkin sen kuvan saa rajaamaan itsensä, jos kuvasuhde ei natsaa toivottuun, mutta koskaan en ole vaivautunut asiasta ottamaan tarkemmin selvää
-
@Jassu-L Mä en tienny tästä aspect ratiosta ollenkaan