Hejsan!
Hur gör man för att skala en bild till 50% av dess storlek?
När jag skriver width: 50% så blir ju bilden 50% av fönstret.
Vet att man inte ska skala bildersåhär men just nu är det det enda sättet. Vill försöka slippa undan utan php eller något annar server side språk.
Skala bilder med css
5 svar · 876 visningar · startad av oskob
Lättast är att sätta width-värdet i pixlar istället för %.
Men om du tvunget vill ha det i % måste du nog lägga bilden i en tabell, med bestämd storlek i pixlar.
Annars kommer bilden, precis som du säger, anpassa sig efter fönstret.
Aha typ
<table width="50%">
<td><img width="100%"></td>
</table>
?
Du måste vara medveten om att utan med hjälp av exemepl PHP så kommer storleken av bilden (rent utrymme och nerladdning) inte påverkar något av det du gör i CSS om du har en exemeplvis 100kb bild så kommer den ändå vara det när sidan laddas..
Du KAN ha pixlar men det är med CSS: "style='height:20px;width20px;" i IMG taggen
Det går alldeles utmärkt att skala bilder i procent...du måste använda em och det är lite jobb bakom, men:
http://www.bigbaer.com/css_tutorials/css.scale.image.html.tutorial.htm
Vet dock inte om det är detta du är ute efter.
Nu kom jag på det. Jag kan hämta höjd och brädd med javvascript och dela det på 2. Jag är så smart!
Undrar hur man gör det :/