Avatar billede madseksperten Nybegynder
04. november 2014 - 20:53 Der er 4 kommentarer og
1 løsning

billede inden i css

Hejsa

Jeg er lidt I tvivl om hvorvidt man får et billede ind i en css3 kasse med runde hjørner:

https://billedeupload.dk/?v=ZA0h9.jpg

Lad os sige man har lavet noget grafik i photoshop, som man vil sætte ind i overstående ramme. Før i tiden ville jeg have lavet hjemmesidedesginet i photoshop, og derefter bygget det op i <table>, <tr>, <td> etc. Men hvis man nu skal lave sådan en kasse med runder hjørner og et photoshop billede inde i den kasse, hvordan gør man så det? Håber det er forståeligt?

mvh Mads
Avatar billede michael_stim Ekspert
05. november 2014 - 08:56 #1
Kan du ikke bruge background-image?
Avatar billede BedreHusogHave Nybegynder
05. november 2014 - 10:52 #2
Hej Madseksperten

Billedet har jo runde hjørner!?

Ellers kan du:

<!DOCTYPE html>
<html>
<head>
<style>
div {
    border: 2px solid #a1a1a1;
    padding: 10px 40px;
    background: #dddddd;
    width: 300px;
    border-radius: 25px;
}
</style>
</head>
<body>

<div>Border-radius gør det muligt at runde hjørnerne</div>

</body>
</html>
Avatar billede madseksperten Nybegynder
28. november 2014 - 10:32 #3
takker mange gange for inputs. Smider du et svar Bedrehusoghave :-)
Avatar billede BedreHusogHave Nybegynder
28. november 2014 - 13:58 #4
Ja tak Mads :)
Avatar billede BedreHusogHave Nybegynder
28. november 2014 - 14:13 #5
svar
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

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