webForumDet fria alternativet

Vilken teknik skall nyttjas för att stretcha en bild?!

HTML & CSS

2 svar · 396 visningar · startad av lillebror

Medlem sedan apr. 20041 597 inlägg
Frågan#1

Hej!

Jag skall göra en ruta enligt bifogad bild där hörnen på över- och underkanten har en viss radie. Jag har tidigare sett att man kan stretcha bilden i båda x- och y-led i webbläsaren. Hur skall jag skapa bilden i Photoshop? Vilket format skall jag använda? PNG, när används det?

Hur ser koden ut för att sträcka ut en bild i y-led med CSS utan att jag förstör radien i de fyra hörnen på bilden? :)

stretch.jpg
Medlem sedan apr. 20041 597 inlägg
#2

Hur kan jag sträcka ut den bifogade bilden så att enbart den raka delen i mitt sträcks i x-led? Vill bibehålla form/storlek på de rundade hörnen.

divrounded.gif
Medlem sedan apr. 200553 inlägg
#3

Kanske denna tråd kan hjälpa dig.

http://www.webforum.nu/showthread.php?t=133447&highlight=stretcha+en+bild

260 ms totalt · 4 externa anrop · v20260731065814-full.86ec41c2
123 ms — deklarationer (db)
0 ms — hämta statistik (cache)
134 ms — hämta tråd, inlägg och bilagor (db)
122 ms — ändringar (db)