<body><script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener("load", function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script> <iframe src="http://www.blogger.com/navbar.g?targetBlogID=8272415&amp;blogName=Able+Net+Design+Diaries&amp;publishMode=PUBLISH_MODE_BLOGSPOT&amp;navbarType=SILVER&amp;layoutType=CLASSIC&amp;searchRoot=http://ablenetdesign.blogspot.com/search&amp;blogLocale=en_US&amp;homepageUrl=http://ablenetdesign.blogspot.com/&amp;vt=-1171890555819066285" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" height="30px" width="100%" id="navbar-iframe" allowtransparency="true" title="Blogger Navigation and Search"></iframe> <div></div>

Official Sony Online Store

Wednesday, August 09, 2006

Rounded Divs

I like most other designers have played with images as backgrounds to make divs rounded. To me it always seemed like a lot of work and codeing. And once you got into a bit of a layered design with nested divs you started to run into all sorts of problems.

I think I new there had to be another way when I was updateing a new clients site which had rounded divs yet the designer before me didn't think of indenting the code. As you could imagine it was a mess.

JavaScript was my answer.

I came across a few but I tend to use scripts when their developers take the time to build a quality website. So the one I came up with is CurveyCorners.

There site looked good, they had examples and an active forum which all helps if you get stuck. So I downloaded the latest version and setout to implement it into my top secret application.

The first rounded div was a cinch, then me wanting more I started to play with multiple rounded divs. This started to cause a problem. However it was my fault. Let's just say there were some spelling errors in the code which I wrote.

WebFast CMS version 2.0
Gain control of your website NOW!.

0 Comments:

Post a Comment

<< Home