Rounding edges

They have: 17 posts

Joined: Nov 2003

I was wondering how do you round the edges on a table of a website.

The Webmistress's picture

She has: 5,586 posts

Joined: Feb 2001

You would need to use grapics to make the corners to do this by putting the corners into cells of the table concerned.

Suzanne's picture

She has: 5,507 posts

Joined: Feb 2000

http://www.webmaster-forums.net/showthread.php?t=20308

http://www.zerocattle.com/examples/anti-alias.html on anti-aliasing.

http://www.carterjackson.com/serendipityenterprises/index/celtic.html the old fashioned way of using a nine-cell table to do it.

With CSS, you can round them in some browsers as well using -moz-radius to set the curvature.

Busy's picture

He has: 6,151 posts

Joined: May 2001

I believe future versions of CSS you'll be able to do this properly on all browsers, but for now you have to use tables


 

 
your content goes in here, adjust tables cellpadding and spacing to suit. note if your content isn't 200 wide then use width="100%" in either this td cell or the middle top td cell
 


 

[edit] haha, goes to show how slow I am at typing without coffee, I started typing this before anyone else replied, also answered the phone[/edit]

They have: 17 posts

Joined: Nov 2003

ok thanks alot

Suzanne's picture

She has: 5,507 posts

Joined: Feb 2000

This has recently been developed for CSS as well.

http://www.vertexwerks.com/tests/sidebox/

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.