Divs with curved edges!

kasio99 · 03-02-2010, 12:29 AM

I'm using dreamweaver and would like to know how to make divs with curved edges. Someone told me this is only possible in FF not IE. Is this true?

Thanks for your help!

mezangath · 03-02-2010, 08:03 AM

You can use border-radius. However, this isn't standard CSS and you will have to call on either moz or webkit to do it, therefor it only works in Mozilla/Firefox and Webkit browsers (Chrome, Safari etc.).

HTML Code:

	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;

	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;

Just insert in your div properties.

However, there is always the option of using images to rounden the div.

03-02-2010, 12:29 AM	#1
kasio99 New Member Join Date: Feb 2010 Posts: 10	Divs with curved edges! I'm using dreamweaver and would like to know how to make divs with curved edges. Someone told me this is only possible in FF not IE. Is this true? Thanks for your help!

03-02-2010, 08:03 AM	#2
mezangath Silver Member Join Date: Mar 2009 Location: Stockholm, Sweden Posts: 108	You can use border-radius. However, this isn't standard CSS and you will have to call on either moz or webkit to do it, therefor it only works in Mozilla/Firefox and Webkit browsers (Chrome, Safari etc.). HTML Code: -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; Just insert in your div properties. However, there is always the option of using images to rounden the div. __________________ Nerdrage Mezangath Web

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode