Hey all, Lately, I've been seeing a lot of websites which use div's for their layout, and these div's have rounded corners. I was wondering how these are made, and couldn't quite figure it out from the sourcecode. Could someone enlighten me? Thanks in advance!
There are a lot of ways to do this. Some are better than others. I personally recommend "Spanky Corners" from SitePoint: http://tools.sitepoint.com/spanky/
Pietercornelis The nice thing about Nifty is that it is code based and all you have to do is setup the code for each div or span you wish to round. With the spanky corners you have to change your code. Both are great but I recommend Nifty for it ease and Niftyness, pun intended.
But with nifty you do not need to change only of your CSS. The nifty route is really only two lines of code. Really simple and just include the javascript files. It is a black box that all you need to know are the two lines of code. It comes with many examples to help with the code, and nifty you can choose whether to do all corners or one top left ... I think you get the message. Just personal choice. I just wanted to elaborate a little on how it works. I do like Spanky very much but when you have the page already setup like you like and need an easy quick fix that works well nifty does the trick.
I am noticing more and more browsers coming in with javascript disabled which is why I recommended Spanky Corners.
Claudek Good point. My site requires javascript in order to use it. The users understand this. I did not realize this was the case still.