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.
Powered by vBulletin® Version 4.2.2 Copyright © 2021 vBulletin Solutions, Inc. All rights reserved.