Results 1 to 3 of 3

Thread: Round corners of this menu... How?

  1. #1
    Join Date
    May 2009
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Round corners of this menu... How?

    Hello, I am trying to see how I can make this css menu http://www.dynamicdrive.com/style/cs...s_indent_menu/ have the corners rounded. How do you do this?

    Thank you in advance

  2. #2
    Join Date
    Oct 2008
    Location
    Sweden
    Posts
    2,023
    Thanks
    17
    Thanked 319 Times in 318 Posts
    Blog Entries
    3

    Default

    The simplest solution is to use the CSS3 property border-radius. Unfortunately this is not yet supported in all browsers, but it works in Firefox, Chrome and Safari:
    Code:
    .indentmenu ul {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    }
    Good luck!

  3. #3
    Join Date
    May 2009
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by Snookerman View Post
    The simplest solution is to use the CSS3 property border-radius. Unfortunately this is not yet supported in all browsers, but it works in Firefox, Chrome and Safari:
    Code:
    .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.

Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •