Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    New to the CF scene
    Join Date
    Sep 2011
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question CSS Broken border corners

    Hi guys I am having a problem where I am getting broken border corners.

    http://wedopvp.com/

    Its at the top corners of my widget area (side bar)

    My code for that area is:

    Code:
    .widgetcontainer		{ border: solid #005d7f; border-width: 1px; border-radius:  10px; -moz-border-radius: 10px; background: #000000; line-height: 1.4em; }
    .widgetcontainer a		{ font-weight: 700; }
    .widgetcontainer .excerpt	{ font-size: 11px; margin: 5px 0; }
    .widgettitle			{ color: #cfcfcf; font-size: 12px; font-weight: 700; margin: -10px -10px 10px; padding: 5px 10px; background: #070707; border-bottom: 1px solid #005d7f; }
    .widgettitle a			{ color: #333; }
    I think the problem could be caused somewhere in my .widgettitle but I am just not sure. Thought it wouldn't happen if I don't use any IMG.

    Please help me.

    Cheers

  • #2
    Regular Coder stevenmw's Avatar
    Join Date
    Jun 2007
    Location
    OK
    Posts
    497
    Thanks
    27
    Thanked 31 Times in 31 Posts
    You need to specify the size.
    Code:
    border; # 1px solid;
    Code:
    .widgetcontainer {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border; # 1px solid;
    }
    this helps
    http://border-radius.com/

  • #3
    New to the CF scene
    Join Date
    Sep 2011
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by stevenmw View Post
    You need to specify the size.
    Code:
    border; # 1px solid;
    Code:
    .widgetcontainer {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border; # 1px solid;
    }
    this helps
    http://border-radius.com/
    Thank you for replying. I've tried the above but it didn't work ><

  • #4
    Regular Coder stevenmw's Avatar
    Join Date
    Jun 2007
    Location
    OK
    Posts
    497
    Thanks
    27
    Thanked 31 Times in 31 Posts
    It works for me. You put the hex codes in for the color right?

    You didn't specify the font weight size type. You just wrote 700?

    Try 12px, 1em. Something like that.

  • #5
    New to the CF scene
    Join Date
    Sep 2011
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts
    so weird, I replaced it with your code
    Code:
    .widgetcontainer { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: #005d7f 1px solid; }
    But I am still getting broken corners T_T


  •  

    Posting Permissions

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