Bild i ram

HTML & CSS

0 svar · 255 visningar · startad av smileenergy

Medlem sedan jan. 200781 inlägg
Trådstart#1

Hej hur skulle ni lösa det här problemet, jag vill ha en bild sitta i en ram med skuggning, kolla bifogade bilder.
Själva ramen är just nu bakrund för sidan och inne i den står text m.m. och nu vill jag alltså att bilderna ska "gömma" sig bakom ramen så när jag laddar upp en stor bild så ska den hamna bakom ramen, och som ni ser är ramen väldigt oval och skapa "rundade hörn" på det här viset

.r1{margin: 0 5px; height: 1px; overflow: hidden; background: #cccccc;}
.r2{margin: 0 3px; height: 1px; overflow: hidden; background: #cccccc;}

är knappast en bra metod... Så jag skulle vilja ha bra tips på hur jag får en så oval ram att överlappa resten av bilden så att enbart det där ses.

bild1.jpgbild2.jpg
250 ms totalt · 4 externa anrop · v20260731065814-full.d34c6d5a
122 ms — deklarationer (db)
0 ms — hämta statistik (cache)
125 ms — hämta tråd, inlägg och bilagor (db)
122 ms — ändringar (db)