webForumDet fria alternativet
Logga in / Bli medlem

Skala bilder med css

HTML & CSS

5 svar · 876 visningar · startad av oskob

Medlem sedan maj 20021 558 inlägg
Trådstart#1

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.

Medlem sedan okt. 200558 inlägg
#2

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.

Medlem sedan maj 20021 558 inlägg
#3

Aha typ
<table width="50%">
<td><img width="100%"></td>
</table>
?

Medlem sedan juni 20019 519 inlägg
#4

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

Medlem sedan juni 20014 421 inlägg
#5

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.

Medlem sedan maj 20021 558 inlägg
#6

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 :/

254 ms totalt · 4 externa anrop · v20260731065814-full.51f67c91
122 ms — deklarationer (db)
0 ms — hämta statistik (cache)
128 ms — hämta tråd, inlägg och bilagor (db)
124 ms — ändringar (db)