www.webdeveloper.com
Results 1 to 4 of 4

Thread: rounded edges problem

  1. #1
    Join Date
    Nov 2007
    Posts
    62

    rounded edges problem

    i have been trying to give my 3 column css design's center coulmn rounded corners, the problem i am having is only the right side corners round off. how do i get all 4 corners to round off?

    i have tried
    border-radius: 50px
    border-*-*-radius: 50px

    nothing seems to work only rounds right side.
    (we will say left to right col's are col1 col2 col3)
    i even tried rounding col1 but it rounds the right corners on the column round corners facing right.

    the more i think about it everything i have done with this css seems to only work on the right side.

  2. #2
    Join Date
    Feb 2011
    Posts
    231
    Hy, try the next code:
    Code:
     border:2px solid blue;
     -moz-border-radius:50px;
     -webkit-border-radius:50px;
     -khtml-border-radius:50px;
     border-radius:50px;

  3. #3
    Join Date
    Nov 2007
    Posts
    62
    Quote Originally Posted by MarPlo View Post
    Hy, try the next code:
    Code:
     border:2px solid blue;
     -moz-border-radius:50px;
     -webkit-border-radius:50px;
     -khtml-border-radius:50px;
     border-radius:50px;
    still only rounds the right sides edges

  4. #4
    Join Date
    Feb 2011
    Posts
    231
    If you try that code in a separate html page, with a DIV tag and works, but in your code don't work, then the problem can be in other lines of your css code, maybe some css rules that affects or cancels the style for the other borders, I don't know to much.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles