Log in

View Full Version : Round corners of this menu... How?



ibodybuid
05-20-2009, 08:05 AM
Hello, I am trying to see how I can make this css menu http://www.dynamicdrive.com/style/csslibrary/item/css_indent_menu/ have the corners rounded. How do you do this?

Thank you in advance :)

Snookerman
05-20-2009, 08:27 AM
The simplest solution is to use the CSS3 property border-radius (http://www.css3.info/preview/rounded-border/). Unfortunately this is not yet supported in all browsers, but it works in Firefox, Chrome and Safari:

.indentmenu ul {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

Good luck!

ibodybuild2
05-24-2009, 04:07 PM
The simplest solution is to use the CSS3 property border-radius (http://www.css3.info/preview/rounded-border/). Unfortunately this is not yet supported in all browsers, but it works in Firefox, Chrome and Safari:

.indentmenu ul {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

Good luck!

Thank you very much. I had to re-register because I had forgotten my password.

This looks great in Mozilla Firefox, but not so great in Internet Explorer. I hope IE will support this in the future.