Web Hosting Talk







View Full Version : Easy way to do rounded corners in CSS?


mr_netcat
12-22-2006, 04:36 PM
Hello all,

First post!

I'm looking to do a simple site for myself (mainly to publish my photographs on the net).

I have a "box" that has straight-line borders and I'd like to know how to have rounded corners.

I've Googled for it, but there seems to be a million different ways and they seem very complex for what I want to do...

Thanks in advance,

viclopez
12-22-2006, 04:39 PM
i know css would be the *best* way to do it.
but why not just use images?

mr_netcat
12-22-2006, 04:52 PM
Well I want to use web standards and all that, so images kind of defeat the point...

bluedreamer
12-22-2006, 06:02 PM
Roundy corner images are perfectly compliant - you can implement them as CSS background images.

Christina
12-22-2006, 07:47 PM
Take a look at these links:

http://www.alistapart.com/articles/customcorners/
http://www.roundedcornr.com/

liandra
12-22-2006, 11:23 PM
Take a look at these links:

http://www.alistapart.com/articles/customcorners/
http://www.roundedcornr.com/

Very useful links.. thanks Christina..

sri
12-23-2006, 12:17 AM
http://www.schillmania.com/content/entries/2006/04/more-rounded-corners/

http://mochikit.com/examples/rounded_corners/index.html

http://xach.livejournal.com/95656.html

http://www.curvycorners.net/

http://web-graphics.com/mtarchive/001660.php

http://inviz.ru/moo/transcorners/

http://www.spiffycorners.com/

http://www.html.it/articoli/niftycube/index.html

the_pm
12-23-2006, 03:16 AM
Well I want to use web standards and all that, so images kind of defeat the point...Just out of curiousity, why does that defeat the point?

CSS3 is actually going to have mechanisms that will make it easier to use multiple images as backgrounds on the same object, which will make background image a much better option than stuff like opening up 15 <span>s to simulate corners and whatnot. The future of standards appears to support images to create a clean visual effect...

Webmaster7
12-23-2006, 11:07 AM
Great thread. Goes into my bookmarks.

Sometime ago I designed a site with rounded corners as .png files just to find out that Internet Explorer 6 doesn't support transparent png's... wasted work.
You need to add activex code for it to work on IE 6, and I would never do that...

So the alternatives are gif files or css. Thank you!