Ronde hoeken

Hey,

Voor mijn nieuwe website wil ik ronde hoeken, het is denkt niet zo duidelijk dus zal ik het met een plaatje uitleggen.

Zo moet het worden:
En zo is het: http://www.ewanoomen.nl/nieuw

Hoe kan ik de hoeken rond maken?

Groetjes,
Ewan

http://borderradius.com/
Veel makkelijker kan het niet

persoonlijk zou ik het met afbeeldingen doen maar met css kan het ook (zie die link hierboven)

Ik heb nu dit:

#container {width: 1005px; height: 602px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
#horizontaal {background: url(img/pixel.png) repeat-x; width: 1005px; height: 1px;}
#verticaal {background: url(img/pixel.png) repeat-y; width: 1px; height: 600px; float: left;}
#ewan {background: url(http://4.bp.blogspot.com/-OpbVGF49ORI/TWdzh81Jd9I/AAAAAAAADfw/1oxfMQI4drc/s1600/Grijze-achtergronden-grijze-wallpapers-grijs-achtergrond-hd-13.png) no-repeat; width: 250px; height: 600px; float: left;}
#twitter {background: url(img/twitter/bg.png) no-repeat; background-color: #C0DEED; width: 250px; height: 600px; float: left;}
#facebook {background: url(http://a1.twimg.com/profile_background_images/4699594/quail_air_background.png) no-repeat; width: 250px; height: 600px; float: left;}
#hyves {background: url(img/hyves/bg.png) no-repeat; width: 250px; height: 600px; float: left;}

Maar dat werkt niet

Doe die hoekjes er al af bij de images, of zet er witte hoekjes overheen.

Fassdfds schreef:

Doe die hoekjes er al af bij de images

Dat lijkt mij idd ook het handigst aangezien border radius niet werkt in IE

border-radius:15px;

Toevoegen Werkt in alle browsers.

toevoeging op 6 januari 2012, 15:43:24:
http://w3schools.com/css3/css3_borders.asp

Freestyle schreef:

border-radius:15px;

Toevoegen Werkt in alle browsers.

toevoeging op 6 januari 2012, 15:43:24:
http://w3schools.com/css3/css3_borders.asp

Dat heb ik en dat werkt niet

Dat werkt idd niet in oudere IE/Safari enzo versies.

Freestyle schreef:

border-radius:15px;

Toevoegen Werkt in alle browsers.

toevoeging op 6 januari 2012, 15:43:24:
http://w3schools.com/css3/css3_borders.asp

IE 9 kan het wel ondersteunen, maar voorgaande versies niet.

daarom doe ik het altijd met afbeeldingen, dit werkt wel in alle browsers

Patricka schreef:

Eerdere citaten tonen

Freestyle schreef:

border-radius:15px;

Toevoegen Werkt in alle browsers.

toevoeging op 6 januari 2012, 15:43:24:
http://w3schools.com/css3/css3_borders.asp

IE 9 kan het wel ondersteunen, maar voorgaande versies niet.

Ik heb IE9

Marjolein schreef:

daarom doe ik het altijd met afbeeldingen, dit werkt wel in alle browsers

Maar ik heb alleen paint() en dan krijg de van die scheve hoeken

Download GIMP ofzo dan?

@Ewan, stuur afbeelding maar.