CSS3 is looking great – lots of new features including rounded corners, but Internet Explorer is not supporting CSS3 so it’s pretty tricky to think were it will be useful right now.

Anyway, I came across an awesome JS resource that allows for CSS rounded corners on the fly with or without borders.

http://www.atblabs.com/jquery.corners.html

Good stuff

One comment on “Rounded CSS/JS corners without images

  • Will! Nice blog you’ve got going on here! I’m in the process of trying to put together a proper blog of my own, i’ll get round to it eventually!

    Regarding CSS3 – Yes, it does look extremely interesting, was reading something the other day about being able to specify images within the border elements so you can give images and boxes nice looking frames. But as you mention – IE seems to continually F!@# things up for the web design world.

    On that note though, recently put together a quick website for a friend – temp copy up here:
    http://imnick.net/selvakids/
    using one of the templates from here – http://layouts.ironmyers.com/

    The templates use a css reset developed by Yahoo – http://developer.yahoo.com/yui/reset/#code
    which basically gives you a couple of extra complicated looking CSS files to reference in your page, but you don’t have to modify them or anything.

    Anyway – It worked brilliantly – didn’t have any issues between browsers while making the site. The CSS resets you get basically strip everything out that browser does by default, leaving you to stick your own CSS in on top.
    You do have to make sure that your own CSS file is the last one listed in your pages otherwise it wont override the reset CSS. But other than that it’s fairly simple – worth a look.

Leave a Reply

Your email address will not be published. Required fields are marked *