<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> <div id="navbar-iframe-container"></div> <script type="text/javascript" src="https://apis.google.com/js/platform.js"></script> <script type="text/javascript"> gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() { if (gapi.iframes && gapi.iframes.getContext) { gapi.iframes.getContext().openChild({ url: 'https://www.blogger.com/navbar.g?targetBlogID\x3d8272415\x26blogName\x3dAble+Net+Design+Diaries\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dSILVER\x26layoutType\x3dCLASSIC\x26searchRoot\x3dhttps://ablenetdesign.blogspot.com/search\x26blogLocale\x3den_US\x26v\x3d2\x26homepageUrl\x3dhttp://ablenetdesign.blogspot.com/\x26vt\x3d270132006207329935', where: document.getElementById("navbar-iframe-container"), id: "navbar-iframe" }); } }); </script>

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