PDA

View Full Version : CSS Broken border corners



iknowyou
Feb 28th, 2012, 11:56 PM
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:


.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

stevenmw
Feb 29th, 2012, 12:39 AM
You need to specify the size.


border; # 1px solid;




.widgetcontainer {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border; # 1px solid;
}


this helps
http://border-radius.com/

iknowyou
Feb 29th, 2012, 12:51 AM
You need to specify the size.


border; # 1px solid;




.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 ><

stevenmw
Feb 29th, 2012, 12:57 AM
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.

iknowyou
Feb 29th, 2012, 01:13 AM
so weird, I replaced it with your 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