automatiskt bildstorleksförhållande

HTML & CSS

3 svar · 500 visningar · startad av kylberg

Medlem sedan nov. 200796 inlägg
Trådstart#1

går det att i html eller css göra så att man kan ställa in höjden på en bild och att bredden då automatiskt rättar sig så att förhållandet stämmer?

Medlem sedan maj 20012 237 inlägg
#2

css:

width: xx%;
height: xx%;

?

Medlem sedan nov. 200796 inlägg
#3

jo jag funderade på att ange % också, men jag vill kunna ange ett exakt pixelvärde på höjden och att bredden då ändrar sig efter det.

Medlem sedan juli 20013 378 inlägg
#4

kylberg skrev:

går det att i html eller css göra så att man kan ställa in höjden på en bild och att bredden då automatiskt rättar sig så att förhållandet stämmer?

Yep.

I HTML:

<img src="enbild.jpg" height="100" alt="" />

dvs ange enbart höjd (dvs utelämna bredd) och bredden fördelas proportionellt.

Motsvarande gäller också för

<img src="enbild.jpg" width="100" alt="" />

Och det funkar även med CSS

<img src="enbild.jpg" style="height:100px" alt="" />
272 ms totalt · 4 externa anrop · v20260731065814-full.d34c6d5a
131 ms — deklarationer (db)
0 ms — hämta statistik (cache)
138 ms — hämta tråd, inlägg och bilagor (db)
122 ms — ändringar (db)