ronde randen bij een div
Hallo,
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
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
Is er een speciale wens van de ronde hoeken?
Anders is dat makkelijker op te lossen met jquery.
http://jquery.malsup.com/corner/
Anders is dat makkelijker op te lossen met jquery.
http://jquery.malsup.com/corner/
Is dit probleem inmiddels verholpen?
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.
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.
volgens mij werkt dit.
#vierkantmetrondehoeken{
background-color:#FFFFFF;
-moz-border-radius:12px;
-khtml-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius:12px;
display:block;
}
#vierkantmetrondehoeken{
background-color:#FFFFFF;
-moz-border-radius:12px;
-khtml-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius:12px;
display:block;
}
Helaas ondersteunt alleen IE9 de (CCS3)border-radius, eerdere versies niet.
Houdt daar rekening mee.
Houdt daar rekening mee.
Daarom die -webkit, -moz, en -khtml versie.
Gewijzigd op 23/07/2011 21:44:07 door - Ariën -
Ik doelde meer op de IE versies.
Voor oudere FF, Opera en Chrome versies zijn er idd een moz of webkit oplossing maar voor IE gelden die niet.
Voor oudere FF, Opera en Chrome versies zijn er idd een moz of webkit oplossing maar voor IE gelden die niet.
kijk anders eens naar: http://css3pie.com/
Bedankt! Dit is nu ook gelukt jullie zijn top! Nog ff testen in welke browsers hij het allemaal doet
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:
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
-moz-border-radius: 0px 0px 20px 20px;
border-radius: 0px 0px 20px 20px;
-webkit-border-radius: 0px 0px 20px 20px;
behavior: url(/PIE.htc);
border-radius: 0px 0px 20px 20px;
-webkit-border-radius: 0px 0px 20px 20px;
behavior: url(/PIE.htc);