ronde randen bij een div
Ik heb een div, maar ik wil dat het rande randen heeft, dit kan met een afbeelding van een rond iets hoe moet ik dat in de CSS zetten dat alle vier de hoeken rond lopen?
MVG
Anders is dat makkelijker op te lossen met jquery.
http://jquery.malsup.com/corner/
http://www.phphulp.nl/php/forum/topic/container-loopt-niet-door/79280/last/
P.S. als je meerdere css vragen hebt dan graag alles in 1 topic houden in plaats van voor ieder klein vraagje een nieuw topic openen.
#vierkantmetrondehoeken{
background-color:#FFFFFF;
-moz-border-radius:12px;
-khtml-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius:12px;
display:block;
}
Houdt daar rekening mee.
Gewijzigd op 23/07/2011 21:44:07 door - Ariën -
Voor oudere FF, Opera en Chrome versies zijn er idd een moz of webkit oplossing maar voor IE gelden die niet.
Toevoeging op 24/07/2011 15:21:26:
Bedankt, ook in andere browsers doet hij het, nu heb ik nog iets, is het ook mogelijk om alleen aan de boven kant afteronden? of aan de onderkant?
CSS:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
2
3
4
5
6
7
8
9
10
11
12
13
14
div.cont{
margin-left: auto;
margin-right: auto;
margin-top: 486px;
padding-top: 10px;
min-height: 100px;
overflow: auto;
width: 1000px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background: #101314;
behavior: url(/PIE.htc);
}
margin-left: auto;
margin-right: auto;
margin-top: 486px;
padding-top: 10px;
min-height: 100px;
overflow: auto;
width: 1000px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background: #101314;
behavior: url(/PIE.htc);
}
Gewijzigd op 24/07/2011 15:20:10 door Timo Kleinhout
border-radius: 0px 0px 20px 20px;
-webkit-border-radius: 0px 0px 20px 20px;
behavior: url(/PIE.htc);