Forums
View unanswered posts | View active topics It is currently Wed May 22, 2013 8:10 am



Reply to topic  [ 3 posts ] 
 Select Corner Radius Problem 
Author Message

Joined: Sat Nov 26, 2011 11:29 am
Posts: 2
Post Select Corner Radius Problem
Hey all. I have tried to do a corner radius where the top left and bottom right corner are rounded and the others are squared. I found this doesn't work at all, in fact the code;

border-top-left-radius:12px;
border-bottom-right-radius:12px;
-moz-border-radius-topleft:12px;
-moz-border-radius-bottomright:12px;
-webkit-border-top-left-radius:12px;
-webkit-border-bottom-right-radius:12px;

...actually causes no corners to have any radius. I'm sure someone has run across this before but I couldn't find anything here. Thanks in advance!


Wed Jan 04, 2012 2:49 pm
Profile

Joined: Tue May 17, 2011 1:35 pm
Posts: 24
Post Re: Select Corner Radius Problem
@MDeBaise: PIE doesn't support individual left, right, top, bottom border radius elements, only the shorthand version. So what you want is to replace these 2 lines

border-top-left-radius:12px;
border-bottom-right-radius:12px;

with this

border-radius: 12px 0 12px 0 ;

also, don't forget to include the 'behavior' code.


Wed Jan 04, 2012 3:00 pm
Profile

Joined: Sat Nov 26, 2011 11:29 am
Posts: 2
Post Re: Select Corner Radius Problem
AWESOME !!!! It worked perfectly....

Thank you for a quick and perfect reply.... now if only I could find the koodos button... :D


Wed Jan 04, 2012 3:13 pm
Profile
Display posts from previous:  Sort by  
Reply to topic   [ 3 posts ] 

Who is online

Users browsing this forum: Google [Bot] and 4 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group.
Designed by STSoftware for PTF.