Comments on: Rounded Corners With Rico http://juixe.com/techknow/index.php/2006/08/10/rounded-corners-with-rico/ Break Coders Block! Tue, 31 Jan 2012 15:29:21 +0000 hourly 1 By: jbschwi http://juixe.com/techknow/index.php/2006/08/10/rounded-corners-with-rico/comment-page-1/#comment-238 jbschwi Mon, 21 Apr 2008 18:31:26 +0000 http://www.juixe.com/techknow/index.php/2006/08/10/rounded-corners-with-rico/#comment-238 Just for everyone out there who has had a much problems as I have had trying to figure out how to use rico, here is a 'Hello World' for rounded corners using rico. Rico Rounded Corners <pre> function init() { Rico.Corner.round('roundedCorner', {corners:'all'}); } #roundedCorner{ position:absolute; top:10px; left:35px; width:250px; background:#a4a4a5; } #roundedContent{ height:100px; width:250px; padding:5px; } </pre> This is a sample of a div with rounded corners. The size is specified in an inner div. IE also requires the width to be specified in the outer div. Sorry about the formatting, if it is messy Just for everyone out there who has had a much problems as I have had trying to figure out how to use rico, here is a ‘Hello World’ for rounded corners using rico.

Rico Rounded Corners

function init() {
  Rico.Corner.round('roundedCorner', {corners:'all'});
}

#roundedCorner{
  position:absolute;
  top:10px;
  left:35px;
  width:250px;
  background:#a4a4a5;
}
#roundedContent{
  height:100px;
  width:250px;
  padding:5px;
}

This is a sample of a div with rounded corners. The size is specified in an inner div. IE also requires the width to be specified in the outer div. Sorry about the formatting, if it is messy

]]>