Avatar billede RasmusTheR Seniormester
31. juli 2014 - 22:45 Der er 2 kommentarer og
1 løsning

Hold billede inden for DIV

Jeg har en DIV med runde kanter, mit problem er at når jeg lægger et billede ind i DIV'en stikker det ud i hjørnerne.

Hvordan klarer jeg det?

Billedet ligger i HTML da jeg har nogle jQuery effekter på det.

HTML:
<div id="link_stratside_mat"><img id="link_stratside_pic_mat" src="_pic/test.jpg" width="200" height="100"></div>


CSS:
#link_stratside_mat {
    position: relative;
    width: 200px;
    height: 100px;
    border: 3px solid;
    border-color: #baa057;
    border-radius: 20px 20px 20px 20px;
    background-color: #e2c26b;
}
31. juli 2014 - 23:07 #1
Dette skulle løse dit problem:

#link_stratside_mat {
    position: relative;
    overflow: hidden;
    width: 200px;
    height: 100px;
    border: 3px solid;
    border-color: #baa057;
    border-radius: 20px;
    background-color: #e2c26b;
}
Avatar billede RasmusTheR Seniormester
31. juli 2014 - 23:17 #2
Jep, der var den :-)
Tak for hjælpen og opret bare et svar.
31. juli 2014 - 23:26 #3
:)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester